@a-type/ui 0.1.2 → 0.1.4

package/dist/esm/components/imageUploader/ImageUploader.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface ImageUploaderProps {
+    value: string | null;
+    onChange: (value: File | null) => void;
+    className?: string;
+    maxDimension?: number;
+}
+/**
+ * Renders an image if one is already set, and allows either clicking
+ * on the image to select a new one, or dragging a new image onto the
+ * component to replace the existing one.
+ */
+export declare function ImageUploader({ value, onChange: handleChange, maxDimension, ...rest }: ImageUploaderProps): JSX.Element;

package/dist/esm/components/imageUploader/ImageUploader.js

@@ -0,0 +1,86 @@
+'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, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useCallback, useState } from 'react';
+import { UploadIcon } from './UploadIcon.js';
+/**
+ * Renders an image if one is already set, and allows either clicking
+ * on the image to select a new one, or dragging a new image onto the
+ * component to replace the existing one.
+ */
+export function ImageUploader(_a) {
+    var { value, onChange: handleChange, maxDimension } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension"]);
+    const [dragging, setDragging] = useState(false);
+    const [draggingOver, setDraggingOver] = useState(false);
+    const onDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(true);
+    }, []);
+    const onDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(false);
+    }, []);
+    const onDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(true);
+    }, []);
+    const onChange = useCallback(async (file) => {
+        if (!file) {
+            handleChange(null);
+        }
+        else if (maxDimension) {
+            const { readAndCompressImage } = await import('browser-image-resizer');
+            const resizedImage = await readAndCompressImage(file, {
+                maxWidth: maxDimension,
+                maxHeight: maxDimension,
+                mimeType: file.type,
+            });
+            handleChange(new File([resizedImage], file.name, { type: file.type }));
+        }
+        else {
+            handleChange(file);
+        }
+    }, [handleChange, maxDimension]);
+    const onDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(false);
+        if (e.dataTransfer.files.length > 0) {
+            onChange(e.dataTransfer.files[0]);
+        }
+    }, [onChange]);
+    const onDragStart = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(true);
+    }, []);
+    const onDragEnd = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+    }, []);
+    const onFileChange = useCallback((e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            onChange(e.target.files[0]);
+        }
+    }, [onChange]);
+    const onFileClick = useCallback((e) => {
+        e.stopPropagation();
+    }, []);
+    return (_jsxs("div", Object.assign({ className: classNames('relative overflow-hidden', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? (_jsx("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, _jsx("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset-0 op-0 w-full h-full cursor-pointer" }), _jsxs("div", Object.assign({ className: classNames('bg-[rgba(30,20,0,0.1)] flex flex-col items-center justify-center w-full h-full absolute inset-0 gap-3 pointer-events-none', draggingOver && 'bg-[rgba(0,0,0,0.2)]') }, { children: [_jsx(UploadIcon, { className: "w-50px h-50px color-white" }), _jsxs("div", Object.assign({ className: "color-white" }, { children: [dragging ? 'Drop' : 'Tap', " to upload image"] }))] })), value && (_jsx("button", Object.assign({ className: "absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-full transition-colors shadow-sm hover:bg-gray2", onClick: () => onChange(null) }, { children: "\u2715" })))] })));
+}
+//# sourceMappingURL=ImageUploader.js.map

package/dist/esm/components/imageUploader/ImageUploader.js.map

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

package/dist/esm/components/imageUploader/UploadIcon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface UploadIconProps {
+    className?: string;
+}
+export declare function UploadIcon(props: UploadIconProps): JSX.Element;

package/dist/esm/components/imageUploader/UploadIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function UploadIcon(props) {
+    return (_jsx("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M1.5 10V11.5C1.5 12.6046 2.39543 13.5 3.5 13.5H11.5C12.6046 13.5 13.5 12.6046 13.5 11.5V10M7.5 10.5V1M7.5 1L4 4M7.5 1L11 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+}
+//# sourceMappingURL=UploadIcon.js.map

package/dist/esm/components/imageUploader/UploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadIcon.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/UploadIcon.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,UAAU,CAAC,KAAsB;IAChD,OAAO,CACN,4BACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,cAET,eACC,CAAC,EAAC,4HAA4H,EAC9H,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACrB,IACG,CACN,CAAC;AACH,CAAC"}

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

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

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

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

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

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

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

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

package/dist/esm/components/imageUploader.js

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

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

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

package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface InfiniteLoadTriggerProps {
+    className?: string;
+    children?: ReactNode;
+    onVisible?: () => void;
+}
+export declare const InfiniteLoadTrigger: import("react").ForwardRefExoticComponent<InfiniteLoadTriggerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js

@@ -0,0 +1,34 @@
+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 { forwardRef, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import useMergedRef from '../../hooks/useMergedRef.js';
+import { useStableCallback } from '../../hooks.js';
+export const InfiniteLoadTrigger = forwardRef(function InfiniteLoadTrigger(_a, ref) {
+    var { className, onVisible } = _a, rest = __rest(_a, ["className", "onVisible"]);
+    const innerRef = useRef(null);
+    const stableOnVisible = useStableCallback(onVisible);
+    useEffect(() => {
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+                stableOnVisible();
+            }
+        });
+        observer.observe(innerRef.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [stableOnVisible]);
+    return (_jsx("div", Object.assign({ ref: useMergedRef(ref, innerRef), className: classNames('flex flex-col items-center', className) }, rest)));
+});
+//# sourceMappingURL=InfiniteLoadTrigger.js.map

package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAa,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAQnD,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,SAAS,mBAAmB,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC9B,eAAe,EAAE,CAAC;aAClB;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,4BACC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

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

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

package/dist/esm/components/infiniteLoadTrigger.js

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

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

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

package/dist/esm/components/input/Input.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const inputClassName: string;
+export declare const Input: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>;
+export type InputProps = ComponentPropsWithRef<'input'>;

package/dist/esm/components/input/Input.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { withClassName } from '../../hooks/withClassName.js';
+import { forwardRef } from 'react';
+export const inputClassName = classNames('layer-components:(px-3 py-2 text-md font-sans rounded-lg bg-gray-blend select-auto min-w-60px color-black border-default)', 'layer-components:focus:(outline-none bg-gray2)', 'layer-components:focus-visible:(outline-none shadow-focus)', 'layer-components:md:(min-w-120px)');
+export const Input = withClassName(forwardRef(function Input(props, ref) {
+    return _jsx("input", Object.assign({}, props, { ref: ref }));
+}), inputClassName);
+//# sourceMappingURL=Input.js.map

package/dist/esm/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAyC,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,2HAA2H,EAC3H,gDAAgD,EAChD,4DAA4D,EAC5D,mCAAmC,CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CACjC,UAAU,CAA4C,SAAS,KAAK,CACnE,KAAK,EACL,GAAG;IAEH,OAAO,gCAAW,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACvC,CAAC,CAAC,EACF,cAAc,CACd,CAAC"}

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

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

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

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

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

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

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

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

package/dist/esm/components/input.js

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

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

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

package/dist/esm/components/layouts/PageContent.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export declare function PageContent({ children, fullHeight, noPadding, innerProps, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+    fullHeight?: boolean;
+    noPadding?: boolean;
+    innerProps?: HTMLAttributes<HTMLDivElement>;
+}): JSX.Element;

package/dist/esm/components/layouts/PageContent.js

@@ -0,0 +1,22 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { NavOutlet } from './PageNav.js';
+export function PageContent(_a) {
+    var { children, fullHeight, noPadding, innerProps, className } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className"]);
+    return (_jsxs("div", Object.assign({ className: classNames('grid grid-areas-[innerContent] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center relative flex-1 gap-3 h-max-content', 'sm:(grid-areas-[gutter1_nav_innerContent_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr])', className) }, rest, { children: [_jsx("div", Object.assign({}, innerProps, { className: classNames('w-full min-w-0 flex flex-col mb-120px [grid-area:innerContent] px-4 py-6', 'sm:(max-w-700px w-full)', {
+                    'flex-1': fullHeight,
+                    'important:(p-0 sm:p-4)': noPadding,
+                }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className) }, { children: children })), _jsx(NavOutlet, {})] })));
+}
+//# sourceMappingURL=PageContent.js.map

package/dist/esm/components/layouts/PageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,UAAU,WAAW,CAAC,EAW3B;QAX2B,EAC1B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMV,EALI,IAAI,cANmB,kEAO3B,CADQ;IAMP,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,+HAA+H,EAC/H,6FAA6F,EAC7F,SAAS,CACV,IACG,IAAI,eAER,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CACnB,0EAA0E,EAC1E,yBAAyB,EACzB;oBACE,QAAQ,EAAE,UAAU;oBACpB,wBAAwB,EAAE,SAAS;iBACpC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACtB,gBAEA,QAAQ,IACL,EACN,KAAC,SAAS,KAAG,KACT,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/layouts/PageFixedArea.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare function PageFixedArea({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;

package/dist/esm/components/layouts/PageFixedArea.js

@@ -0,0 +1,18 @@
+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';
+export function PageFixedArea(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:(sticky top-0 z-nav bg-wash w-full items-stretch gap-2 flex flex-col)', className) })));
+}
+//# sourceMappingURL=PageFixedArea.js.map

package/dist/esm/components/layouts/PageFixedArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFixedArea.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,UAAU,aAAa,CAAC,EAGG;QAHH,EAC7B,SAAS,OAEuB,EAD7B,KAAK,cAFqB,aAG7B,CADQ;IAER,OAAO,CACN,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,wFAAwF,EACxF,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC"}

package/dist/esm/components/layouts/PageNav.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const NavOutlet: import("react").NamedExoticComponent<object>;
+export declare function NavContextProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+export declare function PageNav({ className, innerClassName, children, ...props }: HTMLAttributes<HTMLDivElement> & {
+    innerClassName?: string;
+}): import("react").ReactPortal | null;

package/dist/esm/components/layouts/PageNav.js

@@ -0,0 +1,36 @@
+'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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, memo, useContext, useMemo, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { NowPlayingContext } from './PageNowPlayingContext.js';
+import classNames from 'classnames';
+const NavContext = createContext({ container: null, setContainer: () => { } });
+export const NavOutlet = memo(function NavOutlet() {
+    const { setContainer } = useContext(NavContext);
+    return (_jsx("div", { className: classNames('[grid-area:auto] fixed bottom-0 left-0 right-0 z-nav', 'sm:([grid-area:nav] sticky top-0 h-auto bottom-auto left-auto right-auto)'), ref: setContainer }));
+});
+export function NavContextProvider({ children }) {
+    const [container, setContainer] = useState(null);
+    const value = useMemo(() => ({ container, setContainer }), [container]);
+    return _jsx(NavContext.Provider, Object.assign({ value: value }, { children: children }));
+}
+export function PageNav(_a) {
+    var { className, innerClassName, children } = _a, props = __rest(_a, ["className", "innerClassName", "children"]);
+    const { container } = useContext(NavContext);
+    const { setContainer } = useContext(NowPlayingContext);
+    if (!container)
+        return null;
+    return createPortal(_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: innerClassName }, { children: children })), _jsx("div", { ref: setContainer, className: "absolute bottom-full w-full flex flex-col gap-2 items-end p-2 sm:(fixed bottom-3 left-50% translate-x--50% top-auto items-end w-full max-w-600px p-0) md:(w-80% max-w-800px)" })] }), container);
+}
+//# sourceMappingURL=PageNav.js.map

package/dist/esm/components/layouts/PageNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EACL,aAAa,EAEb,IAAI,EAEJ,UAAU,EACV,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,UAAU,GAAG,aAAa,CAG7B,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,CAAC;AAEhD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,sDAAsD,EACtD,2EAA2E,CAC5E,EACD,GAAG,EAAE,YAAY,GACjB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAExE,OAAO,KAAC,UAAU,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAAuB,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAKuC;QALvC,EACtB,SAAS,EACT,cAAc,EACd,QAAQ,OAEqD,EAD1D,KAAK,cAJc,2CAKvB,CADS;IAER,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEvD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,YAAY,CACjB,8BACE,4BAAK,SAAS,EAAE,cAAc,gBAAG,QAAQ,IAAO,EAChD,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,8KAA8K,GACxL,IACD,EACH,SAAS,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/layouts/PageNowPlaying.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const NowPlayingProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare function PageNowPlaying({ className, unstyled, ...props }: HTMLAttributes<HTMLDivElement> & {
+    unstyled?: boolean;
+}): import("react").ReactPortal | null;

package/dist/esm/components/layouts/PageNowPlaying.js

@@ -0,0 +1,33 @@
+'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 { useContext, useMemo, useState, } from 'react';
+import classNames from 'classnames';
+import { createPortal } from 'react-dom';
+import { NowPlayingContext } from './PageNowPlayingContext.js';
+export const NowPlayingProvider = ({ children }) => {
+    const [container, setContainer] = useState();
+    const value = useMemo(() => ({ container, setContainer }), [container]);
+    return (_jsx(NowPlayingContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+export function PageNowPlaying(_a) {
+    var { className, unstyled } = _a, props = __rest(_a, ["className", "unstyled"]);
+    const { container } = useContext(NowPlayingContext);
+    if (container) {
+        return createPortal(_jsx("div", Object.assign({}, props, { className: classNames(unstyled
+                ? undefined
+                : 'layer-components:(bg-wash p-2px rounded-xl border-light shadow-md min-w-32px items-center justify-center)', className) })), container);
+    }
+    return null;
+}
+//# sourceMappingURL=PageNowPlaying.js.map

package/dist/esm/components/layouts/PageNowPlaying.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAIN,UAAU,EACV,OAAO,EACP,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAkB,CAAC;IAC7D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAExE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACtC,QAAQ,IACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,SAAS,EAAE;QACd,OAAO,YAAY,CAClB,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,QAAQ;gBACP,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,2GAA2G,EAC9G,SAAS,CACT,IACA,EACF,SAAS,CACT,CAAC;KACF;IACD,OAAO,IAAI,CAAC;AACb,CAAC"}

package/dist/esm/components/layouts/PageNowPlayingContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const NowPlayingContext: import("react").Context<{
+    container: HTMLDivElement | undefined;
+    setContainer: (container: HTMLDivElement) => void;
+}>;

package/dist/esm/components/layouts/PageNowPlayingContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const NowPlayingContext = createContext({ container: undefined, setContainer: () => { } });
+//# sourceMappingURL=PageNowPlayingContext.js.map

package/dist/esm/components/layouts/PageNowPlayingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNowPlayingContext.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlayingContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAG3C,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,CAAC"}

package/dist/esm/components/layouts/PageRoot.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const PageRoot: import("react").ForwardRefExoticComponent<{
+    color?: "default" | "lemon" | undefined;
+    children?: ReactNode;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/layouts/PageRoot.js

@@ -0,0 +1,21 @@
+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 } from 'react';
+export const PageRoot = forwardRef(function PageRoot(_a, ref) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsx("div", Object.assign({ ref: ref, className: classNames('flex-grow-1 flex-shrink-1 flex-basis-0 flex flex-col', {
+            'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
+        }, className) }, props, { children: children })));
+});
+//# sourceMappingURL=PageRoot.js.map

package/dist/esm/components/layouts/PageRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,sDAAsD,EACtD;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/esm/components/layouts/PageSection.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export declare function PageSection({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare const PageSectionGrid: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;

package/dist/esm/components/layouts/PageSection.js

@@ -0,0 +1,20 @@
+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 { withClassName } from '../../hooks/withClassName.js';
+export function PageSection(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({}, props, { className: classNames('bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0', className) })));
+}
+export const PageSectionGrid = withClassName('div', 'grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-4 items-start');
+//# sourceMappingURL=PageSection.js.map

package/dist/esm/components/layouts/PageSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,UAAU,WAAW,CAAC,EAGK;QAHL,EAC3B,SAAS,OAEuB,EAD7B,KAAK,cAFmB,aAG3B,CADQ;IAER,OAAO,CACN,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,qEAAqE,EACrE,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,KAAK,EACL,uEAAuE,CACvE,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from './PageRoot.js';
+export * from './PageContent.js';
+export * from './PageFixedArea.js';
+export * from './PageNav.js';
+export * from './PageNowPlaying.js';
+export * from './PageSection.js';
+export * from './PageNowPlayingContext.js';

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

@@ -0,0 +1,8 @@
+export * from './PageRoot.js';
+export * from './PageContent.js';
+export * from './PageFixedArea.js';
+export * from './PageNav.js';
+export * from './PageNowPlaying.js';
+export * from './PageSection.js';
+export * from './PageNowPlayingContext.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC"}

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

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

package/dist/esm/components/layouts.js

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

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

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

package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.d.ts

@@ -0,0 +1,24 @@
+import { FocusEvent } from 'react';
+import { InputProps } from '../input/Input.js';
+export type LiveUpdateTextFieldProps = {
+    value: string;
+    debounceMs?: number;
+    onChange: (value: string) => void;
+    textArea?: boolean;
+    className?: string;
+    onFocus?: (ev: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onBlur?: (ev: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    autoComplete?: InputProps['autoComplete'];
+    autoFocus?: InputProps['autoFocus'];
+    required?: boolean;
+    placeholder?: string;
+    type?: InputProps['type'];
+};
+/**
+ * An extension of TextField which keeps a local realtime value in state and
+ * periodically reports changes to the parent. Use this to connect
+ * to the API and update a value from the field directly.
+ *
+ * This component is optimistic and will not respond to external changes while focused.
+ */
+export declare const LiveUpdateTextField: import("react").ForwardRefExoticComponent<LiveUpdateTextFieldProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;