@a-type/ui 0.1.2 → 0.1.4

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

@@ -0,0 +1,301 @@
+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;
+};
+import mixColor from 'color-interpolate';
+export class Particles {
+    constructor({ initialPoolSize }) {
+        this.canvas = null;
+        this.ctx = null;
+        this.state = 'paused';
+        this.lastFrameTimestamp = 0;
+        this.disabled = false;
+        this.freeParticles = [];
+        // keep canvas render size the same as its actual size
+        this.resizeObserver = 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) => {
+            if (this.disabled) {
+                return;
+            }
+            if (this.canvas) {
+                this.resizeObserver.unobserve(this.canvas);
+            }
+            this.canvas = canvas;
+            this.ctx = canvas ? canvas.getContext('2d') : null;
+            if (!canvas) {
+                this.pause();
+            }
+            else {
+                this.resume();
+                this.resizeObserver.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) => {
+            if (this.state === 'paused') {
+                return;
+            }
+            const ctx = this.ctx;
+            if (!ctx || !this.canvas) {
+                console.warn('No canvas context');
+                this.pause();
+                return;
+            }
+            const delta = timestamp - this.lastFrameTimestamp;
+            ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+            this.renderParticles(ctx, delta);
+            requestAnimationFrame(this.draw);
+            this.lastFrameTimestamp = timestamp;
+        };
+        this.renderParticles = (ctx, delta) => {
+            let freed = 0;
+            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);
+                    freed++;
+                }
+            }
+            if (freed) {
+                console.log('Freed particles', freed);
+            }
+        };
+        this.addParticles = (spawn) => {
+            // wrap in RAF because initializers often use element dimensions
+            requestAnimationFrame(() => {
+                if (this.freeParticles.length < spawn.count) {
+                    this.extendPool(spawn.count - this.freeParticles.length);
+                }
+                for (let i = 0; i < spawn.count; i++) {
+                    const particle = this.freeParticles.pop();
+                    const initials = spawn.initializer(i);
+                    if (!particle) {
+                        throw new Error('Particle allocation failed');
+                    }
+                    particle.allocate(initials.x, initials.y, initials.velocityX, initials.velocityY, initials.drag, initials.lifespan, spawn.behavior);
+                }
+                console.log('Allocated particles', spawn.count);
+            });
+        };
+        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 = 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 = 'red', }) {
+    const colorMixer = typeof color === 'string' ? mixColor([color, color]) : mixColor(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 = 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, }) => {
+    // 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) => {
+        const rect = element.getBoundingClientRect();
+        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 };
+    };
+};
+export const elementExplosion = (_a) => {
+    var { element, color = ['#f9e794', '#f9e79400'], borders, lifespan, force, drag, forceFuzz, angleFuzz } = _a, rest = __rest(_a, ["element", "color", "borders", "lifespan", "force", "drag", "forceFuzz", "angleFuzz"]);
+    return createCircleParticles(Object.assign({ initializer: createElementBorderInitializer({
+            element,
+            borders,
+            lifespan,
+            force,
+            drag,
+            forceFuzz,
+            angleFuzz,
+        }), 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 = ['#f9e794', '#f9e79400'], border = 'top', lifespan } = _a, rest = __rest(_a, ["color", "border", "lifespan"]);
+    return createCircleParticles(Object.assign({ initializer: createWindowBorderInitializer({
+            border,
+            lifespan,
+        }), color }, rest));
+};
+//# sourceMappingURL=particlesState.js.map

package/dist/esm/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/esm/components/particles.d.ts

@@ -0,0 +1 @@
+export * from './particles/index.js';

package/dist/esm/components/particles.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface PeekProps {
+    peekHeight?: number;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Peek({ peekHeight, children, className }: PeekProps): JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { debounce } from '@a-type/utils';
+import classNames from 'classnames';
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { useSize } from '../../hooks/useSize.js';
+import { useToggle } from '../../hooks/useToggle.js';
+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, toggle] = useToggle(false);
+    useEffect(() => {
+        if (containerRef.current) {
+            containerRef.current.style.setProperty('--peek-height', `${peekHeight}px`);
+        }
+    }, [peekHeight]);
+    const id = useId();
+    return (_jsxs("div", Object.assign({ className: classNames('relative animate-ease-default animate-forwards overflow-hidden [&[data-state=closed]]:(animate-keyframes-peek-close animate-duration-300 max-h-[var(--peek-height,120px)]) [&[data-state=open]]:(animate-keyframes-peek-open animate-duration-600)', className), ref: containerRef, "data-state": isPeekable ? (open ? 'open' : 'closed') : undefined }, { children: [_jsx("div", Object.assign({ ref: contentRef, id: id }, { children: children })), isPeekable && (_jsx("button", { "data-state": open ? 'open' : 'closed', className: classNames('h-80px absolute bottom-0 z-1 bg-transparent border-none w-full cursor-pointer border-b border-solid border-white', 'focus-visible:(outline-none bg-gradient-to-b from-transparent to-primary-wash border-b border-solid border-primary', 'after:(content-["-_tap_to_expand_-"] p-3 color-gray9 text-xs flex flex-col justify-end items-center absolute inset-0 top-auto h-80px bg-gradient-to-b from-transparent to-white)', 'after:[&[data-state=open]]:content-["-_tap_to_collapse_-"]'), onClick: toggle, "aria-label": "Toggle show description", "aria-expanded": open, "aria-controls": id }))] })));
+}
+//# sourceMappingURL=Peek.js.map

package/dist/esm/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,YAAY,CAAC;AACpC,OAAO,EAAa,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAQrD,MAAM,UAAU,IAAI,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAa;IACvE,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,CACxB,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACtB,aAAa,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;QACnC,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACpC,sBAAsB,EACtB,GAAG,MAAM,IAAI,CACd,CAAC;SACH;IACH,CAAC,EAAE,GAAG,CAAC,EACT,EAAE,CACH,CACF,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACpC,eAAe,EACf,GAAG,UAAU,IAAI,CAClB,CAAC;SACH;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,oPAAoP,EACpP,SAAS,CACV,EACD,GAAG,EAAE,YAAY,gBACL,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,iBAE/D,4BAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,gBACzB,QAAQ,IACL,EACL,UAAU,IAAI,CACb,+BACc,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,UAAU,CACnB,kHAAkH,EAClH,oHAAoH,EACpH,kLAAkL,EAClL,4DAA4D,CAC7D,EACD,OAAO,EAAE,MAAM,gBACJ,yBAAyB,mBACrB,IAAI,mBACJ,EAAE,GACjB,CACH,KACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/peek/index.d.ts

@@ -0,0 +1 @@
+export * from './Peek.js';

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

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

package/dist/esm/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/esm/components/peek.d.ts

@@ -0,0 +1 @@
+export * from './peek/index.js';

package/dist/esm/components/peek.js

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

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverArrow: import("react").FunctionComponent<PopoverPrimitive.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const PopoverClose: import("react").FunctionComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<Pick<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "align" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sticky" | "asChild" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions"> & {
+    disableBlur?: boolean | undefined;
+    containerClassName?: string | undefined;
+    padding?: "default" | "none" | undefined;
+    radius?: "default" | "none" | "md" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/popover/Popover.js

@@ -0,0 +1,37 @@
+'use client';
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { forwardRef } from 'react';
+import { withClassName } from '../../hooks/withClassName.js';
+import classNames from 'classnames';
+const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:(rounded-xl min-w-120px bg-white z-menu shadow-lg border-default op-0 display-none max-w-90vw)', 'will-change-transform', 'animate-ease-springy animate-duration-200', 'important:motion-reduce:animate-none', '[&[data-state=open][data-side=top]]:animate-name-fade-in-down', '[&[data-state=open][data-side=right]]:animate-name-fade-in-left', '[&[data-state=open][data-side=bottom]]:animate-name-fade-in-up', '[&[data-state=open][data-side=left]]:animate-name-fade-in-right', '[&[data-state=closed][data-side=top]]:animate-name-fade-out-up', '[&[data-state=closed][data-side=right]]:animate-name-fade-out-right', '[&[data-state=closed][data-side=bottom]]:animate-name-fade-out-down', '[&[data-state=closed][data-side=left]]:animate-name-fade-out-left', 'layer-components:[&[data-state=open]]:(opacity-100 flex flex-col)');
+const StyledArrow = withClassName(PopoverPrimitive.Arrow, 'fill-white stroke-black');
+const StyledClose = withClassName(PopoverPrimitive.Close, '[all:unset] [font-family:inherit] rounded-full h-25px w-25px inline-flex items-center justify-center color-dark-blend absolute top-5px right-5px hover:bg-light-blend focus:shadow-focus');
+// Exports
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverArrow = StyledArrow;
+export const PopoverClose = StyledClose;
+export const PopoverAnchor = PopoverPrimitive.Anchor;
+export const PopoverContent = forwardRef(function PopoverContent(_a, ref) {
+    var { children, forceMount, disableBlur, containerClassName, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["children", "forceMount", "disableBlur", "containerClassName", "className", "radius", "padding"]);
+    return (_jsx(PopoverPrimitive.Portal, Object.assign({ forceMount: forceMount, className: containerClassName }, { children: _jsx(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: classNames({
+                'layer-variants:important:p-0': padding === 'none',
+                'layer-variants:p-5': padding === 'default',
+                'layer-variants:rounded-none': radius === 'none',
+                'layer-variants:rounded-lg': radius === 'default',
+                'layer-variants:rounded-md': radius === 'md',
+            }, className) }, { children: children })) })));
+});
+//# sourceMappingURL=Popover.js.map

package/dist/esm/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,aAAa,GAAG,aAAa,CAClC,gBAAgB,CAAC,OAAO,EACxB,iHAAiH,EACjH,uBAAuB,EACvB,2CAA2C,EAC3C,sCAAsC,EACtC,+DAA+D,EAC/D,iEAAiE,EACjE,gEAAgE,EAChE,iEAAiE,EACjE,gEAAgE,EAChE,qEAAqE,EACrE,qEAAqE,EACrE,mEAAmE,EACnE,mEAAmE,CACnE,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,yBAAyB,CACzB,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,0LAA0L,CAC1L,CAAC;AAEF,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAQtC,SAAS,cAAc,CACxB,EASC,EACD,GAAG;QAVH,EACC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAEnB,EADG,KAAK,cART,iGASC,CADQ;IAIT,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,kBACvB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,kBAAkB,gBAE7B,KAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB;gBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;gBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;gBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;gBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;gBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;aAC5C,EACD,SAAS,CACT,gBAEA,QAAQ,IACM,IACS,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/esm/components/popover/index.d.ts

@@ -0,0 +1 @@
+export * from './Popover.js';

package/dist/esm/components/popover/index.js

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

package/dist/esm/components/popover/index.js.map

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

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

@@ -0,0 +1 @@
+export * from './popover/index.js';

package/dist/esm/components/popover.js

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

package/dist/esm/components/popover.js.map

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

package/dist/esm/components/relativeTime/RelativeTime.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface RelativeTimeProps {
+    value: number;
+    abbreviate?: boolean;
+}
+export declare function RelativeTime({ value, abbreviate }: RelativeTimeProps): JSX.Element;

package/dist/esm/components/relativeTime/RelativeTime.js

@@ -0,0 +1,21 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useMemo } from 'react';
+import { formatDistanceToNowStrict } from 'date-fns';
+import { shortenTimeUnits } from '@a-type/utils';
+export function RelativeTime({ value, abbreviate }) {
+    const asDate = useMemo(() => new Date(value), [value]);
+    const [time, setTime] = useState(() => abbreviate
+        ? shortenTimeUnits(formatDistanceToNowStrict(asDate))
+        : formatDistanceToNowStrict(asDate));
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setTime(abbreviate
+                ? shortenTimeUnits(formatDistanceToNowStrict(asDate))
+                : formatDistanceToNowStrict(asDate));
+        }, 60 * 1000);
+        return () => clearInterval(interval);
+    }, [asDate, abbreviate]);
+    return _jsx(_Fragment, { children: time });
+}
+//# sourceMappingURL=RelativeTime.js.map

package/dist/esm/components/relativeTime/RelativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.js","sourceRoot":"","sources":["../../../../src/components/relativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAOjD,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAqB;IACnE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACpC,UAAU;QACR,CAAC,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,CAAC,yBAAyB,CAAC,MAAM,CAAC,CACtC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,OAAO,CACL,UAAU;gBACR,CAAC,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;gBACrD,CAAC,CAAC,yBAAyB,CAAC,MAAM,CAAC,CACtC,CAAC;QACJ,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QACd,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,OAAO,4BAAG,IAAI,GAAI,CAAC;AACrB,CAAC"}

package/dist/esm/components/relativeTime/index.d.ts

@@ -0,0 +1 @@
+export * from './RelativeTime.js';

package/dist/esm/components/relativeTime/index.js

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

package/dist/esm/components/relativeTime/index.js.map

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

package/dist/esm/components/relativeTime.d.ts

@@ -0,0 +1 @@
+export * from './relativeTime/index.js';

package/dist/esm/components/relativeTime.js

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

package/dist/esm/components/relativeTime.js.map

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

package/dist/esm/components/richEditor/EditorContent.d.ts

@@ -0,0 +1,2 @@
+import { EditorContent } from '@tiptap/react';
+export default EditorContent;

package/dist/esm/components/richEditor/EditorContent.js

@@ -0,0 +1,4 @@
+// @ts-nocheck
+import { EditorContent } from '@tiptap/react';
+export default EditorContent;
+//# sourceMappingURL=EditorContent.js.map

package/dist/esm/components/richEditor/EditorContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContent.js","sourceRoot":"","sources":["../../../../src/components/richEditor/EditorContent.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,eAAe,aAAa,CAAC"}

package/dist/esm/components/richEditor/RichEditor.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface RichEditorProps {
+    editor: any;
+    className?: string;
+    readOnly?: boolean;
+}
+export declare const RichEditor: import("react").ForwardRefExoticComponent<RichEditorProps & import("react").RefAttributes<any>>;

package/dist/esm/components/richEditor/RichEditor.js

@@ -0,0 +1,24 @@
+'use client';
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef, lazy } from 'react';
+const EditorContent = lazy(() => import('./EditorContent.js'));
+export const RichEditor = forwardRef(function RichEditor(_a, ref) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    if (typeof ref === 'string') {
+        throw new Error('String ref not supported!');
+    }
+    return (_jsx(EditorContent, Object.assign({ ref: ref, className: classNames('w-full', '[&_.ProseMirror:focus]:(outline-none bg-gray1)', '[&_.ProseMirror_h1,h2,h3,p]:mt-0', '[&_.ProseMirror_h1]:(text-xl font-medium)', '[&_.ProseMirror_h2]:(text-lg font-medium mt-4 mb-2)', '[&_.ProseMirror_h3]:(text-md font-extrabold)', className) }, rest)));
+});
+//# sourceMappingURL=RichEditor.js.map

package/dist/esm/components/richEditor/RichEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichEditor.js","sourceRoot":"","sources":["../../../../src/components/richEditor/RichEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAQ/D,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAuB,SAAS,UAAU,CAC7E,EAAsB,EACtB,GAAG;QADH,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAGpB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;KAC7C;IACD,OAAO,CACN,KAAC,aAAa,kBACb,GAAG,EAAE,GAAU,EACf,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,gDAAgD,EAChD,kCAAkC,EAClC,2CAA2C,EAC3C,qDAAqD,EACrD,8CAA8C,EAAE,SAAS,CAAC,IACtD,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/esm/components/richEditor/index.d.ts

@@ -0,0 +1 @@
+export * from './RichEditor.js';

package/dist/esm/components/richEditor/index.js

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

package/dist/esm/components/richEditor/index.js.map

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

package/dist/esm/components/richEditor.d.ts

@@ -0,0 +1 @@
+export * from './richEditor/index.js';

package/dist/esm/components/richEditor.js

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