@a-type/ui 0.1.2 → 0.1.3

package/dist/cjs/components/infiniteLoadTrigger.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("./infiniteLoadTrigger/InfiniteLoadTrigger.js"), exports);
+//# sourceMappingURL=infiniteLoadTrigger.js.map

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = exports.inputClassName = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const react_1 = require("react");
+exports.inputClassName = (0, classnames_1.default)('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)');
+exports.Input = (0, withClassName_js_1.withClassName)((0, react_1.forwardRef)(function Input(props, ref) {
+    return (0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { ref: ref }));
+}), exports.inputClassName);
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;AAAA,4DAAoC;AACpC,mEAA6D;AAC7D,iCAA0E;AAE7D,QAAA,cAAc,GAAG,IAAA,oBAAU,EACvC,2HAA2H,EAC3H,gDAAgD,EAChD,4DAA4D,EAC5D,mCAAmC,CACnC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,gCAAa,EACjC,IAAA,kBAAU,EAA4C,SAAS,KAAK,CACnE,KAAK,EACL,GAAG;IAEH,OAAO,kDAAW,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACvC,CAAC,CAAC,EACF,sBAAc,CACd,CAAC"}

package/dist/cjs/components/input/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("./Input.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/input.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("./input/index.js"), exports);
+//# sourceMappingURL=input.js.map

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

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

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

@@ -0,0 +1,29 @@
+"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.PageContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const PageNav_jsx_1 = require("./PageNav.jsx");
+function PageContent(_a) {
+    var { children, fullHeight, noPadding, innerProps, className } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('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: [(0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('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 })), (0, jsx_runtime_1.jsx)(PageNav_jsx_1.NavOutlet, {})] })));
+}
+exports.PageContent = PageContent;
+//# sourceMappingURL=PageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AAEpC,+CAA0C;AAE1C,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,oBAAU,EACpB,+HAA+H,EAC/H,6FAA6F,EAC7F,SAAS,CACT,IACG,IAAI,eAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,oBAAU,EACpB,0EAA0E,EAC1E,yBAAyB,EACzB;oBACC,QAAQ,EAAE,UAAU;oBACpB,wBAAwB,EAAE,SAAS;iBACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,gBAEA,QAAQ,IACJ,EACN,uBAAC,uBAAS,KAAG,KACR,CACN,CAAC;AACH,CAAC;AAtCD,kCAsCC"}

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

@@ -0,0 +1,25 @@
+"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.PageFixedArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+function PageFixedArea(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('layer-components:(sticky top-0 z-nav bg-wash w-full items-stretch gap-2 flex flex-col)', className) })));
+}
+exports.PageFixedArea = PageFixedArea;
+//# sourceMappingURL=PageFixedArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageFixedArea.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4DAAoC;AAEpC,SAAgB,aAAa,CAAC,EAGG;QAHH,EAC7B,SAAS,OAEuB,EAD7B,KAAK,cAFqB,aAG7B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,wFAAwF,EACxF,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,sCAaC"}

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

@@ -0,0 +1,44 @@
+"use strict";
+'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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageNav = exports.NavContextProvider = exports.NavOutlet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const PageNowPlayingContext_jsx_1 = require("./PageNowPlayingContext.jsx");
+const classnames_1 = __importDefault(require("classnames"));
+const NavContext = (0, react_1.createContext)({ container: null, setContainer: () => { } });
+exports.NavOutlet = (0, react_1.memo)(function NavOutlet() {
+    const { setContainer } = (0, react_1.useContext)(NavContext);
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('[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 }));
+});
+function NavContextProvider({ children }) {
+    const [container, setContainer] = (0, react_1.useState)(null);
+    const value = (0, react_1.useMemo)(() => ({ container, setContainer }), [container]);
+    return (0, jsx_runtime_1.jsx)(NavContext.Provider, Object.assign({ value: value }, { children: children }));
+}
+exports.NavContextProvider = NavContextProvider;
+function PageNav(_a) {
+    var { className, innerClassName, children } = _a, props = __rest(_a, ["className", "innerClassName", "children"]);
+    const { container } = (0, react_1.useContext)(NavContext);
+    const { setContainer } = (0, react_1.useContext)(PageNowPlayingContext_jsx_1.NowPlayingContext);
+    if (!container)
+        return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: innerClassName }, { children: children })), (0, jsx_runtime_1.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);
+}
+exports.PageNav = PageNav;
+//# sourceMappingURL=PageNav.js.map

package/dist/cjs/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,iCAQe;AACf,yCAAyC;AACzC,2EAAgE;AAChE,4DAAoC;AAEpC,MAAM,UAAU,GAAG,IAAA,qBAAa,EAG7B,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,CAAC;AAEnC,QAAA,SAAS,GAAG,IAAA,YAAI,EAAC,SAAS,SAAS;IAC/C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC;IAEhD,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,oBAAU,EACpB,sDAAsD,EACtD,2EAA2E,CAC3E,EACD,GAAG,EAAE,YAAY,GAChB,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACvE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAExE,OAAO,uBAAC,UAAU,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAAuB,CAAC;AAC5E,CAAC;AALD,gDAKC;AAED,SAAgB,OAAO,CAAC,EAKuC;QALvC,EACvB,SAAS,EACT,cAAc,EACd,QAAQ,OAEsD,EAD3D,KAAK,cAJe,2CAKvB,CADQ;IAER,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,6CAAiB,CAAC,CAAC;IAEvD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,IAAA,wBAAY,EAClB,6DACC,8CAAK,SAAS,EAAE,cAAc,gBAAG,QAAQ,IAAO,EAChD,gCACC,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,8KAA8K,GACvL,IACA,EACH,SAAS,CACT,CAAC;AACH,CAAC;AArBD,0BAqBC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+'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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageNowPlaying = exports.NowPlayingProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const react_dom_1 = require("react-dom");
+const PageNowPlayingContext_js_1 = require("./PageNowPlayingContext.js");
+const NowPlayingProvider = ({ children }) => {
+    const [container, setContainer] = (0, react_1.useState)();
+    const value = (0, react_1.useMemo)(() => ({ container, setContainer }), [container]);
+    return ((0, jsx_runtime_1.jsx)(PageNowPlayingContext_js_1.NowPlayingContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+exports.NowPlayingProvider = NowPlayingProvider;
+function PageNowPlaying(_a) {
+    var { className, unstyled } = _a, props = __rest(_a, ["className", "unstyled"]);
+    const { container } = (0, react_1.useContext)(PageNowPlayingContext_js_1.NowPlayingContext);
+    if (container) {
+        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)(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;
+}
+exports.PageNowPlaying = PageNowPlaying;
+//# sourceMappingURL=PageNowPlaying.js.map

package/dist/cjs/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,iCAOe;AACf,4DAAoC;AACpC,yCAAyC;AACzC,yEAA+D;AAExD,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAC;IAC7D,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAExE,OAAO,CACN,uBAAC,4CAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACtC,QAAQ,IACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B;AAEF,SAAgB,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,4CAAiB,CAAC,CAAC;IACpD,IAAI,SAAS,EAAE;QACd,OAAO,IAAA,wBAAY,EAClB,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,QAAQ;gBACP,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,2GAA2G,EAC9G,SAAS,CACT,IACA,EACF,SAAS,CACT,CAAC;KACF;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AArBD,wCAqBC"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NowPlayingContext = void 0;
+const react_1 = require("react");
+exports.NowPlayingContext = (0, react_1.createContext)({ container: undefined, setContainer: () => { } });
+//# sourceMappingURL=PageNowPlayingContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageNowPlayingContext.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlayingContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAG3C,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+"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.PageRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+exports.PageRoot = (0, react_1.forwardRef)(function PageRoot(_a, ref) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)('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/cjs/components/layouts/PageRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAA8C;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB,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/cjs/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/cjs/components/layouts/PageSection.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,mEAA6D;AAE7D,SAAgB,WAAW,CAAC,EAGK;QAHL,EAC3B,SAAS,OAEuB,EAD7B,KAAK,cAFmB,aAG3B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,qEAAqE,EACrE,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,kCAaC;AAEY,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,KAAK,EACL,uEAAuE,CACvE,CAAC"}

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

@@ -0,0 +1,24 @@
+"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("./PageRoot.jsx"), exports);
+__exportStar(require("./PageContent.jsx"), exports);
+__exportStar(require("./PageFixedArea.jsx"), exports);
+__exportStar(require("./PageNav.jsx"), exports);
+__exportStar(require("./PageNowPlaying.jsx"), exports);
+__exportStar(require("./PageSection.jsx"), exports);
+__exportStar(require("./PageNowPlayingContext.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,oDAAkC;AAClC,sDAAoC;AACpC,gDAA8B;AAC9B,uDAAqC;AACrC,oDAAkC;AAClC,6DAA2C"}

package/dist/cjs/components/layouts.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("./layouts/index.js"), exports);
+//# sourceMappingURL=layouts.js.map

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

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

package/dist/cjs/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>>;

package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js

@@ -0,0 +1,71 @@
+"use strict";
+'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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LiveUpdateTextField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@a-type/utils");
+const Input_js_1 = require("../input/Input.js");
+const TextArea_js_1 = require("../textArea/TextArea.js");
+/**
+ * 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.
+ */
+exports.LiveUpdateTextField = (0, react_1.forwardRef)(function LiveUpdateTextField(_a, ref) {
+    var { value, onChange, debounceMs = 500, onFocus, onBlur, textArea, type } = _a, rest = __rest(_a, ["value", "onChange", "debounceMs", "onFocus", "onBlur", "textArea", "type"]);
+    const [displayValue, setDisplayValue] = (0, react_1.useState)(value || '');
+    const ignoreUpdates = (0, react_1.useRef)(false);
+    const didChange = (0, react_1.useRef)(false);
+    const handleFocus = (0, react_1.useCallback)((ev) => {
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
+        ignoreUpdates.current = true;
+    }, [onFocus]);
+    const handleBlur = (0, react_1.useCallback)((ev) => {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
+        ignoreUpdates.current = false;
+        // immediately send update if the user typed anything.
+        // otherwise pull the latest remote value
+        if (didChange.current) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(displayValue);
+        }
+        else {
+            setDisplayValue(value || '');
+        }
+        didChange.current = false;
+    }, [onBlur, displayValue, onChange, value]);
+    (0, react_1.useEffect)(() => {
+        if (ignoreUpdates.current) {
+            return;
+        }
+        setDisplayValue(value || '');
+    }, [value]);
+    // every once in a while, send an update to parent
+    const debouncedOnChange = (0, react_1.useMemo)(() => (0, utils_1.debounce)(onChange || (() => { }), debounceMs), [onChange, debounceMs]);
+    // update local state instantly and parent eventually
+    const handleChange = (0, react_1.useCallback)((ev) => {
+        setDisplayValue(ev.target.value);
+        debouncedOnChange(ev.target.value);
+        didChange.current = true;
+    }, [debouncedOnChange]);
+    if (textArea) {
+        return ((0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: ref, onFocus: handleFocus, onBlur: handleBlur, value: displayValue, onChange: handleChange, autoSize: true }, rest)));
+    }
+    else {
+        return ((0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({ ref: ref, onFocus: handleFocus, onBlur: handleBlur, value: displayValue, onChange: handleChange, type: type }, rest)));
+    }
+});
+//# sourceMappingURL=LiveUpdateTextField.js.map

package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map

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

package/dist/cjs/components/liveUpdateTextField/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("./LiveUpdateTextField.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/liveUpdateTextField.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("./liveUpdateTextField/index.js"), exports);
+//# sourceMappingURL=liveUpdateTextField.js.map

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

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

package/dist/cjs/components/note/Note.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface NoteProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare function Note({ className, children, ...rest }: NoteProps): JSX.Element;