@a-type/ui 0.1.2 → 0.1.4

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

@@ -0,0 +1,313 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.windowBorderExplosion = exports.createWindowBorderInitializer = exports.elementExplosion = exports.createElementBorderInitializer = exports.createCircleParticles = exports.Particles = void 0;
+const color_interpolate_1 = __importDefault(require("color-interpolate"));
+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 = exports.elementExplosion;
+        this.windowBorderExplosion = exports.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]);
+        }
+    }
+}
+exports.Particles = Particles;
+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 = () => { };
+function createCircleParticles({ count, startRadius = 4, endRadius = 0, initializer, color = 'red', }) {
+    const colorMixer = typeof color === 'string' ? (0, color_interpolate_1.default)([color, color]) : (0, color_interpolate_1.default)(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,
+    };
+}
+exports.createCircleParticles = createCircleParticles;
+function fuzz(value, fuzz) {
+    return value + (Math.random() - 0.5) * fuzz;
+}
+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 };
+    };
+};
+exports.createElementBorderInitializer = createElementBorderInitializer;
+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: (0, exports.createElementBorderInitializer)({
+            element,
+            borders,
+            lifespan,
+            force,
+            drag,
+            forceFuzz,
+            angleFuzz,
+        }), color }, rest));
+};
+exports.elementExplosion = elementExplosion;
+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 };
+    };
+};
+exports.createWindowBorderInitializer = createWindowBorderInitializer;
+const windowBorderExplosion = (_a) => {
+    var { color = ['#f9e794', '#f9e79400'], border = 'top', lifespan } = _a, rest = __rest(_a, ["color", "border", "lifespan"]);
+    return createCircleParticles(Object.assign({ initializer: (0, exports.createWindowBorderInitializer)({
+            border,
+            lifespan,
+        }), color }, rest));
+};
+exports.windowBorderExplosion = windowBorderExplosion;
+//# sourceMappingURL=particlesState.js.map

package/dist/cjs/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/cjs/components/particles.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./particles/index.js"), exports);
+//# sourceMappingURL=particles.js.map

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

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

package/dist/cjs/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/cjs/components/peek/Peek.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Peek = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("@a-type/utils");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const useSize_js_1 = require("../../hooks/useSize.js");
+const useToggle_js_1 = require("../../hooks/useToggle.js");
+function Peek({ peekHeight = 120, children, className }) {
+    const containerRef = (0, react_1.useRef)(null);
+    const [isPeekable, setIsPeekable] = (0, react_1.useState)(false);
+    const contentRef = (0, useSize_js_1.useSize)((0, react_1.useMemo)(() => (0, utils_1.debounce)(({ height }) => {
+        setIsPeekable(height > peekHeight);
+        if (containerRef.current) {
+            containerRef.current.style.setProperty('--collapsible-height', `${height}px`);
+        }
+    }, 300), []));
+    const [open, toggle] = (0, useToggle_js_1.useToggle)(false);
+    (0, react_1.useEffect)(() => {
+        if (containerRef.current) {
+            containerRef.current.style.setProperty('--peek-height', `${peekHeight}px`);
+        }
+    }, [peekHeight]);
+    const id = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('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: [(0, jsx_runtime_1.jsx)("div", Object.assign({ ref: contentRef, id: id }, { children: children })), isPeekable && ((0, jsx_runtime_1.jsx)("button", { "data-state": open ? 'open' : 'closed', className: (0, classnames_1.default)('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 }))] })));
+}
+exports.Peek = Peek;
+//# sourceMappingURL=Peek.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Peek.js","sourceRoot":"","sources":["../../../../src/components/peek/Peek.tsx"],"names":[],"mappings":";;;;;;;AAAA,yCAAyC;AACzC,4DAAoC;AACpC,iCAA+E;AAC/E,uDAAiD;AACjD,2DAAqD;AAQrD,SAAgB,IAAI,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAa;IACvE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,IAAA,oBAAO,EACxB,IAAA,eAAO,EACL,GAAG,EAAE,CACH,IAAA,gBAAQ,EAAC,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,IAAA,wBAAS,EAAC,KAAK,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,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,IAAA,aAAK,GAAE,CAAC;IAEnB,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,oBAAU,EACnB,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,8CAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,gBACzB,QAAQ,IACL,EACL,UAAU,IAAI,CACb,iDACc,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,IAAA,oBAAU,EACnB,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;AA7DD,oBA6DC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Peek.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/peek.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./peek/index.js"), exports);
+//# sourceMappingURL=peek.js.map

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

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

package/dist/cjs/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/cjs/components/popover/Popover.js

@@ -0,0 +1,66 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverContent = exports.PopoverAnchor = exports.PopoverClose = exports.PopoverArrow = exports.PopoverTrigger = exports.Popover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
+const react_1 = require("react");
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const classnames_1 = __importDefault(require("classnames"));
+const StyledContent = (0, withClassName_js_1.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 = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'fill-white stroke-black');
+const StyledClose = (0, withClassName_js_1.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
+exports.Popover = PopoverPrimitive.Root;
+exports.PopoverTrigger = PopoverPrimitive.Trigger;
+exports.PopoverArrow = StyledArrow;
+exports.PopoverClose = StyledClose;
+exports.PopoverAnchor = PopoverPrimitive.Anchor;
+exports.PopoverContent = (0, react_1.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 ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, Object.assign({ forceMount: forceMount, className: containerClassName }, { children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: (0, classnames_1.default)({
+                '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/cjs/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,0EAA4D;AAC5D,iCAA6D;AAE7D,mEAA6D;AAC7D,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,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,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,yBAAyB,CACzB,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,0LAA0L,CAC1L,CAAC;AAEF,UAAU;AACG,QAAA,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAChC,QAAA,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC1C,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAExC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAQtC,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,uBAAC,gBAAgB,CAAC,MAAM,kBACvB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,kBAAkB,gBAE7B,uBAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB;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/cjs/components/popover/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Popover.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/popover.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./popover/index.js"), exports);
+//# sourceMappingURL=popover.js.map

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

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

package/dist/cjs/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/cjs/components/relativeTime/RelativeTime.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelativeTime = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const date_fns_1 = require("date-fns");
+const utils_1 = require("@a-type/utils");
+function RelativeTime({ value, abbreviate }) {
+    const asDate = (0, react_1.useMemo)(() => new Date(value), [value]);
+    const [time, setTime] = (0, react_1.useState)(() => abbreviate
+        ? (0, utils_1.shortenTimeUnits)((0, date_fns_1.formatDistanceToNowStrict)(asDate))
+        : (0, date_fns_1.formatDistanceToNowStrict)(asDate));
+    (0, react_1.useEffect)(() => {
+        const interval = setInterval(() => {
+            setTime(abbreviate
+                ? (0, utils_1.shortenTimeUnits)((0, date_fns_1.formatDistanceToNowStrict)(asDate))
+                : (0, date_fns_1.formatDistanceToNowStrict)(asDate));
+        }, 60 * 1000);
+        return () => clearInterval(interval);
+    }, [asDate, abbreviate]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: time });
+}
+exports.RelativeTime = RelativeTime;
+//# sourceMappingURL=RelativeTime.js.map

package/dist/cjs/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,iCAAqD;AACrD,uCAAqD;AACrD,yCAAiD;AAOjD,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAqB;IACnE,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CACpC,UAAU;QACR,CAAC,CAAC,IAAA,wBAAgB,EAAC,IAAA,oCAAyB,EAAC,MAAM,CAAC,CAAC;QACrD,CAAC,CAAC,IAAA,oCAAyB,EAAC,MAAM,CAAC,CACtC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,OAAO,CACL,UAAU;gBACR,CAAC,CAAC,IAAA,wBAAgB,EAAC,IAAA,oCAAyB,EAAC,MAAM,CAAC,CAAC;gBACrD,CAAC,CAAC,IAAA,oCAAyB,EAAC,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,2DAAG,IAAI,GAAI,CAAC;AACrB,CAAC;AApBD,oCAoBC"}