@a-type/ui 0.1.10 → 0.1.12

package/dist/cjs/components/icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+import { IconName } from './generated/iconNames.js';
+export interface IconProps extends HTMLAttributes<SVGSVGElement> {
+    name: IconName;
+    size?: number;
+}
+export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/components/icon/Icon.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.Icon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+exports.Icon = (0, react_1.forwardRef)(function Icon(_a, ref) {
+    var { name, size = 15, className } = _a, rest = __rest(_a, ["name", "size", "className"]);
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0, classnames_1.default)('flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) })));
+});
+//# sourceMappingURL=Icon.js.map

package/dist/cjs/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,4DAAoC;AAQvB,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA2B,SAAS,IAAI,CACrE,EAAuC,EACvC,GAAG;QADH,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,OAAW,EAAN,IAAI,cAArC,6BAAuC,CAAF;IAGrC,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,gCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/cjs/components/icon/generated/IconSpritesheet.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const IconSpritesheet: (props: any) => JSX.Element;

package/dist/cjs/components/icon/generated/IconSpritesheet.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSpritesheet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// WARNING: generated file! See 'scripts/generateIcons'. Do not modify!
+const IconSpritesheet = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", style: { display: 'none' } }, props, { children: (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-placeholder", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_9_41)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.75005 3.75L11.25 11.25M11.25 3.75L3.75005 11.25M14.1667 7.49999C14.1667 11.1819 11.1819 14.1667 7.50004 14.1667C3.81814 14.1667 0.833374 11.1819 0.833374 7.49999C0.833374 3.8181 3.81814 0.833328 7.50004 0.833328C11.1819 0.833328 14.1667 3.8181 14.1667 7.49999Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_9_41" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-dots", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.875 7.5C3.875 7.91421 3.53921 8.25 3.125 8.25C2.71079 8.25 2.375 7.91421 2.375 7.5C2.375 7.08579 2.71079 6.75 3.125 6.75C3.53921 6.75 3.875 7.08579 3.875 7.5ZM8.25 7.5C8.25 7.91421 7.91421 8.25 7.5 8.25C7.08579 8.25 6.75 7.91421 6.75 7.5C6.75 7.08579 7.08579 6.75 7.5 6.75C7.91421 6.75 8.25 7.08579 8.25 7.5ZM12.625 7.5C12.625 7.91421 12.2892 8.25 11.875 8.25C11.4608 8.25 11.125 7.91421 11.125 7.5C11.125 7.08579 11.4608 6.75 11.875 6.75C12.2892 6.75 12.625 7.08579 12.625 7.5Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-globe", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "mask0_301_239", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "13", height: "13" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "6.5", fill: "#D9D9D9" }) })), (0, jsx_runtime_1.jsxs)("g", Object.assign({ mask: "url(#mask0_301_239)" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "6", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.5 7.5C14.5 8.15685 13.9097 8.90677 12.5919 9.52178C11.3146 10.1179 9.51485 10.5 7.5 10.5C5.48515 10.5 3.68543 10.1179 2.40814 9.52178C1.09025 8.90677 0.5 8.15685 0.5 7.5C0.5 6.84315 1.09025 6.09323 2.40814 5.47822C3.68543 4.88215 5.48515 4.5 7.5 4.5C9.51485 4.5 11.3146 4.88215 12.5919 5.47822C13.9097 6.09323 14.5 6.84315 14.5 7.5Z", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 7.5C10.5 9.22874 10.1216 10.769 9.53464 11.8591C8.93669 12.9696 8.19442 13.5 7.5 13.5C6.80558 13.5 6.06331 12.9696 5.46536 11.8591C4.87838 10.769 4.5 9.22874 4.5 7.5C4.5 5.77126 4.87838 4.23096 5.46536 3.14086C6.06331 2.03038 6.80558 1.5 7.5 1.5C8.19442 1.5 8.93669 2.03038 9.53464 3.14086C10.1216 4.23096 10.5 5.77126 10.5 7.5Z", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 7.5H14", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.5 1V14", stroke: "currentColor" })] }))] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-cart", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M14 2H12.9837C12.5644 2 12.1896 2.26159 12.045 2.65518L11.6923 3.61538M11.6923 3.61538L9.95496 8.34482C9.81038 8.73841 9.4356 9 9.01629 9H8.46154H6.84615H5.23077H4.45005C4.01239 9 3.62558 8.7154 3.49535 8.29757L2.40952 4.81388C2.20738 4.16533 2.69685 3.5083 3.37613 3.51638L11.6923 3.61538Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "12", r: "0.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "12", r: "0.5", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-fridge", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "3.5", y: "0.5", width: "8", height: "14", rx: "1.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.5 6H11.5", stroke: "currentColor", strokeLinecap: "square" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 8V9.75V11.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-book", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "2.5", y: "1.5", width: "10", height: "12", rx: "0.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 1.5V13.5", stroke: "currentColor", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("rect", { x: "4.5", y: "4.5", width: "4", height: "2", rx: "0.5", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-flag", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8.5 14.5L10.6429 4.99999M10.6429 4.99999L11.5 0.999986C11.5 0.999986 9 1.99999 7.5 0.999986C6 -1.35601e-05 3.5 0.999986 3.5 0.999986L3 4.99999C3 4.99999 5 3.49999 6.8258 4.60521C8.6516 5.71043 10.6429 4.99999 10.6429 4.99999Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-locate", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_401_232)" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 7.5H0.5M11 7.5H14.5M7.5 4V0.5M7.5 11V14.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_401_232" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-tag", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 7V2H7L14 9L9 14L2 7Z", stroke: "currentColor", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4.5", cy: "4.5", r: "1", fill: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-scan", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12.5 4.5V14.5H2.5V0.5H8.5M12.5 4.5L8.5 0.5M12.5 4.5H8.5V0.5", stroke: "currentColor", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "7", cy: "8", r: "2.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 10L12.5 13.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-filter", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13 2.5H2L6.5 9V13.5L8.5 12.5V9L13 2.5Z", stroke: "currentColor", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-upload", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.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" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-add_note", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_604_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.5 0.5H0.5V14.5H14.5V5.5M9.5 0.5L14.5 5.5M9.5 0.5V5.5H14.5M7.5 3.5V11.5M3.5 7.5H11.5", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_604_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-drag_vertical", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1 7.5H7.5M14 7.5H7.5M7.5 7.5V1.5M7.5 7.5V13.5M7.5 1.5L5.5 3.5M7.5 1.5L9.5 3.5M7.5 13.5L5.5 11.5M7.5 13.5L9.5 11.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-note", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_610_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.5 0.5H0.5V14.5H14.5V5.5M9.5 0.5L14.5 5.5M9.5 0.5V5.5H14.5", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_610_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-food", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_611_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.49992 0.5V2M7.49992 4.5V2M7.49992 4.5C3.5 3 2 4 1.49994 6.5C0.999871 9 2.99993 13.5 4.49994 14C5.99994 14.5 6.99992 13.5 7.49992 13.5C7.99992 13.5 9.49992 14.5 10.4999 14C11.4999 13.5 13.9999 9 13.4999 6.5C13 4 11.6173 3.03149 7.49992 4.5ZM7.49992 2C7.49992 2 9.49992 0.499977 10.4999 0.5C11.0522 0.500013 11.6746 0.976057 11.4999 1.5C11.3618 1.91421 11.4999 2 10.4999 2C9.32835 2 7.49992 2 7.49992 2Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_611_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-magic", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_613_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 11V14M6 12.5H9M5.5 1.5C4.5 3.5 3.5 4.5 1.5 5.5C3.5 6.5 4.5 7.5 5.5 9.5C6.5 7.5 7.5 6.5 9.5 5.5C7.5 4.5 6.5 3.5 5.5 1.5ZM11.5 6.5C11 7.5 10.5 8 9.5 8.5C10.5 9 11 9.5 11.5 10.5C12 9.5 12.5 9 13.5 8.5C12.5 8 12 7.5 11.5 6.5Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_613_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-convert", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 7V9.5C2.5 12 5 11.5 7.5 11.5M7.5 11.5L5.5 9.5M7.5 11.5L5.5 13.5M12.5 8L12.5 5.5C12.5 3 10 3.5 7.5 3.5M7.5 3.5L9.5 5.5M7.5 3.5L9.5 1.5M13.5 9.5H9.5V13.5H13.5V9.5ZM5.5 3.5C5.5 2.39543 4.60457 1.5 3.5 1.5C2.39543 1.5 1.5 2.39543 1.5 3.5C1.5 4.60457 2.39543 5.5 3.5 5.5C4.60457 5.5 5.5 4.60457 5.5 3.5Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-offline", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_701_39)" }, { children: [(0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "mask0_701_39", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "15", height: "15" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "7", fill: "#D9D9D9" }) })), (0, jsx_runtime_1.jsx)("g", Object.assign({ mask: "url(#mask0_701_39)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M14 7.5C14 11.0899 11.0899 14 7.5 14M14 7.5C14 3.91015 11.0899 1 7.5 1M14 7.5H1M7.5 14C3.91015 14 1 11.0899 1 7.5M7.5 14C9.433 14 11 11.0899 11 7.5C11 3.91015 9.433 1 7.5 1M7.5 14C5.567 14 4 11.0899 4 7.5C4 3.91015 5.567 1 7.5 1M7.5 14V1M1 7.5C1 3.91015 3.91015 1 7.5 1M15 7.5C15 9.433 11.6421 11 7.5 11C3.35786 11 0 9.433 0 7.5C0 5.567 3.35786 4 7.5 4C11.6421 4 15 5.567 15 7.5Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("circle", { cx: "10.5", cy: "10.5", r: "4", fill: "#FD7E4D" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 13L13 8M8 8L13 13", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_701_39" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-profile", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "3.5", r: "3", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1.5 15C1.5 6.99998 13.5 7 13.5 15", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-add_person", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "6", cy: "5", r: "2.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 15C1 8.33331 11 8.33333 11 15", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 7.5H15M12.5 5V10", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-gift", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 6.5H1.5V4.5L7.5 4.40638M2.5 6.5V13.5H7.5M2.5 6.5H12.5M12.5 6.5H13.5V4.40638H7.5M12.5 6.5V13.5H7.5M7.5 13.5V4.40638M7.5 4.40638C0.533333 2.35059 7.13333 -2.10357 7.5 4.40638ZM7.5 4.40638C7.86667 -2.10357 14.4667 2.3506 7.5 4.40638Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-add_to_list", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2.5V5M12 7.5V5M9.5 5H12M14.5 5H12M1.5 7.5H7.5M1.5 4.5L7.5 4.49998M1.5 10.5H13.5", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-name24", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 7.5L5.5 11.5L12.5 3.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }) })));
+exports.IconSpritesheet = IconSpritesheet;
+//# sourceMappingURL=IconSpritesheet.js.map

package/dist/cjs/components/icon/generated/IconSpritesheet.js.map

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

package/dist/cjs/components/icon/generated/iconNames.d.ts

@@ -0,0 +1,2 @@
+export declare const iconNames: readonly ["placeholder", "dots", "globe", "cart", "fridge", "book", "flag", "locate", "tag", "scan", "filter", "upload", "add_note", "drag_vertical", "note", "food", "magic", "convert", "offline", "profile", "add_person", "gift", "add_to_list", "name24"];
+export type IconName = (typeof iconNames)[number];

package/dist/cjs/components/icon/generated/iconNames.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconNames = void 0;
+// WARNING: generated file! See 'scripts/generateIcons'. Do not modify!
+exports.iconNames = [
+    'placeholder',
+    'dots',
+    'globe',
+    'cart',
+    'fridge',
+    'book',
+    'flag',
+    'locate',
+    'tag',
+    'scan',
+    'filter',
+    'upload',
+    'add_note',
+    'drag_vertical',
+    'note',
+    'food',
+    'magic',
+    'convert',
+    'offline',
+    'profile',
+    'add_person',
+    'gift',
+    'add_to_list',
+    'name24',
+];
+//# sourceMappingURL=iconNames.js.map

package/dist/cjs/components/icon/generated/iconNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconNames.js","sourceRoot":"","sources":["../../../../../src/components/icon/generated/iconNames.ts"],"names":[],"mappings":";;;AAAA,uEAAuE;AAC1D,QAAA,SAAS,GAAG;IACxB,aAAa;IACb,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,QAAQ;IACR,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,eAAe;IACf,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,SAAS;IACT,SAAS;IACT,YAAY;IACZ,MAAM;IACN,aAAa;IACb,QAAQ;CACC,CAAC"}

package/dist/cjs/components/icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Icon.js';
+export * from './generated/IconSpritesheet.js';
+export * from './generated/iconNames.js';

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

@@ -0,0 +1,20 @@
+"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("./Icon.js"), exports);
+__exportStar(require("./generated/IconSpritesheet.js"), exports);
+__exportStar(require("./generated/iconNames.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,iEAA+C;AAC/C,2DAAyC"}

package/dist/cjs/components/icon.d.ts

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

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

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

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

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

@@ -1,4 +1,5 @@
 "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)
@@ -17,13 +18,20 @@ 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_js_1 = require("./PageNav.js");
+const useSize_js_1 = require("../../hooks/useSize.js");
 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_js_1.NavOutlet, {})] })));
+    const innerRef = (0, useSize_js_1.useBoundsCssVars)(200, undefined, {
+        left: '--content-left',
+        top: '--content-top',
+        width: '--content-width',
+        height: '--content-height',
+        ready: '--content-ready',
+    });
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', 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 px-4 py-4', '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), ref: innerRef }, { children: children })) })));
 }
 exports.PageContent = PageContent;
 //# sourceMappingURL=PageContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AAEpC,6CAAyC;AAEzC,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC1B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMV,EALI,IAAI,cANmB,kEAO3B,CADQ;IAMP,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,oBAAU,EACnB,+HAA+H,EAC/H,6FAA6F,EAC7F,SAAS,CACV,IACG,IAAI,eAER,gDACM,UAAU,IACd,SAAS,EAAE,IAAA,oBAAU,EACnB,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,uBAAC,sBAAS,KAAG,KACT,CACP,CAAC;AACJ,CAAC;AAtCD,kCAsCC"}
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,4DAAoC;AAEpC,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,oBAAU,EACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,oBAAU,EACpB,iDAAiD,EACjD,yBAAyB,EACzB;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;aACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AA7CD,kCA6CC"}

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

@@ -1,8 +1,2 @@
-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;
+import { HTMLAttributes } from 'react';
+export declare function PageNav({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;

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

@@ -15,30 +15,12 @@ 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;
+exports.PageNav = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const PageNowPlayingContext_js_1 = require("./PageNowPlayingContext.js");
 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_js_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);
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('[grid-area:nav] relative z-nav', 'sm:([grid-area:nav] sticky top-0 h-auto bottom-auto left-auto right-auto)', className) }, { children: children })));
 }
 exports.PageNav = PageNav;
 //# sourceMappingURL=PageNav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAQe;AACf,yCAAyC;AACzC,yEAA+D;AAC/D,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;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,oBAAU,EACnB,sDAAsD,EACtD,2EAA2E,CAC5E,EACD,GAAG,EAAE,YAAY,GACjB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,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;AAC7E,CAAC;AALD,gDAKC;AAED,SAAgB,OAAO,CAAC,EAKuC;QALvC,EACtB,SAAS,EACT,cAAc,EACd,QAAQ,OAEqD,EAD1D,KAAK,cAJc,2CAKvB,CADS;IAER,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,4CAAiB,CAAC,CAAC;IAEvD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,IAAA,wBAAY,EACjB,6DACE,8CAAK,SAAS,EAAE,cAAc,gBAAG,QAAQ,IAAO,EAChD,gCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,8KAA8K,GACxL,IACD,EACH,SAAS,CACV,CAAC;AACJ,CAAC;AArBD,0BAqBC"}
+{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,4DAAoC;AAGpC,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,gCAAgC,EAChC,2EAA2E,EAC3E,SAAS,CACT,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAjBD,0BAiBC"}

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

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

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

@@ -15,27 +15,14 @@ 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;
+exports.PageNowPlaying = 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;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('fixed bottom-[var(--now-playing-bottom,60px)] left-0 right-0 z-now-playing flex flex-col gap-2 items-end', 'sm:(fixed bottom-3 left-[var(--content-left,20%)] transition-opacity top-auto items-end w-[var(--content-width,100%)] max-w-80vw p-0 opacity-[var(--content-ready,0)])', unstyled
+            ? 'p-2'
+            : 'layer-components:(bg-wash p-2px rounded-xl border-light shadow-md min-w-32px items-center justify-center m-2 w-auto)', className) })));
 }
 exports.PageNowPlaying = PageNowPlaying;
 //# sourceMappingURL=PageNowPlaying.js.map

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

@@ -1 +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"}
+{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,4DAAoC;AAGpC,SAAgB,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,0GAA0G,EAC1G,wKAAwK,EACxK,QAAQ;YACP,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,sHAAsH,EACzH,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAlBD,wCAkBC"}

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

@@ -20,7 +20,7 @@ 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', {
+    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 min-h-0 h-full', 'grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center', 'sm:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto)', {
             'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
         }, className) }, props, { children: children })));
 });

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

@@ -1 +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"}
+{"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,uDAAuD,EACvD,4FAA4F,EAC5F,mGAAmG,EACnG;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/index.d.ts

@@ -4,4 +4,3 @@ export * from './PageFixedArea.js';
 export * from './PageNav.js';
 export * from './PageNowPlaying.js';
 export * from './PageSection.js';
-export * from './PageNowPlayingContext.js';

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

@@ -20,5 +20,4 @@ __exportStar(require("./PageFixedArea.js"), exports);
 __exportStar(require("./PageNav.js"), exports);
 __exportStar(require("./PageNowPlaying.js"), exports);
 __exportStar(require("./PageSection.js"), exports);
-__exportStar(require("./PageNowPlayingContext.js"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,mDAAiC;AACjC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,6DAA2C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,mDAAiC;AACjC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC"}

package/dist/cjs/components/navBar/NavBar.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const navBarItemClass: string;
+export interface NavBarItemProps {
+    asChild?: boolean;
+    className?: string;
+}
+export declare const NavBarItem: import("react").ForwardRefExoticComponent<NavBarItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavBarItemIconWrapper: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;
+export declare const NavBarItemText: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}>;
+export declare const NavBarItemIcon: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;
+export declare const NavBarItemPip: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;
+export declare const NavBarRoot: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;

package/dist/cjs/components/navBar/NavBar.js

@@ -0,0 +1,34 @@
+"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.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const hooks_js_1 = require("../../hooks.js");
+const react_1 = require("react");
+const react_slot_1 = require("@radix-ui/react-slot");
+exports.navBarItemClass = (0, classnames_1.default)('layer-components:(flex flex-col items-center justify-center whitespace-nowrap py-1 px-3 bg-transparent rounded-md border-none cursor-pointer text-sm transition-colors h-full gap-6px relative text-inherit)', 'layer-components:sm:(flex-row-reverse h-auto justify-start gap-2 overflow-visible)', 'layer-components:hover:bg-primaryWash', 'layer-components:focus-visible:(outline-none bg-primaryWash)', 'layer-components:active:bg-primaryWash');
+exports.NavBarItem = (0, react_1.forwardRef)(function NavBarItem(_a, ref) {
+    var { asChild, className } = _a, rest = __rest(_a, ["asChild", "className"]);
+    const Comp = asChild ? react_slot_1.Slot : 'div';
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, classnames_1.default)(exports.navBarItemClass, className) }, rest)));
+});
+exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'relative flex sm:(p-6px rounded-full bg-lightBlend)');
+exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'overflow-hidden pl-1 inline-block text-xxs whitespace-nowrap text-ellipsis sm:(text-md leading-normal)');
+exports.NavBarItemIcon = (0, hooks_js_1.withClassName)('div', 'relative z-1 [a[data-active=true]_&]:fill-primary-light');
+exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', 'absolute top-6px right-6px w-6px h-6px rounded-full bg-attention shadow-sm');
+exports.NavBarRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-row items-stretch justify-around w-full rounded-0 rounded-t-lg shadow-lg overflow-hidden z-50 bg-wash border-t border-t-solid border-gray5 p-1 h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'sm:(bg-transparent flex flex-col rounded-0 border-none border-transparent shadow-none h-min-content overflow-y-auto overflow-x-hidden justify-start items-stretch gap-2 pb-10)');
+//# sourceMappingURL=NavBar.js.map

package/dist/cjs/components/navBar/NavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,6CAA+C;AAC/C,iCAAmC;AACnC,qDAA4C;AAE/B,QAAA,eAAe,GAAG,IAAA,oBAAU,EACxC,8MAA8M,EAC9M,oFAAoF,EACpF,uCAAuC,EACvC,8DAA8D,EAC9D,wCAAwC,CACxC,CAAC;AAOW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,IAC7C,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,qDAAqD,CACrD,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,wGAAwG,CACxG,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,KAAK,EACL,yDAAyD,CACzD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,4EAA4E,CAC5E,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iKAAiK,EACjK,oDAAoD,EACpD,gLAAgL,CAChL,CAAC"}

package/dist/cjs/components/navBar/index.d.ts

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

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

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

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

package/dist/cjs/components/navBar.d.ts

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

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

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

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

package/dist/cjs/hooks/useSize.d.ts

@@ -17,4 +17,17 @@ export declare function useSizeCssVars<E extends HTMLElement>(debounceMs?: numbe
     width: string;
     height: string;
 }): RefObject<E>;
+export declare function useBounds<E extends HTMLElement>(callback: (payload: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}) => void): RefObject<E>;
+export declare function useBoundsCssVars<E extends HTMLElement>(debounceMs?: number, applyToRef?: RefObject<HTMLElement>, propertyNames?: {
+    left: string;
+    top: string;
+    width: string;
+    height: string;
+    ready: string;
+}): RefObject<E>;
 export {};

package/dist/cjs/hooks/useSize.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSizeCssVars = exports.useSize = void 0;
+exports.useBoundsCssVars = exports.useBounds = exports.useSizeCssVars = exports.useSize = void 0;
 const utils_1 = require("@a-type/utils");
 const react_1 = require("react");
 const useStableCallback_js_1 = require("./useStableCallback.js");
@@ -50,4 +50,58 @@ function useSizeCssVars(debounceMs, applyToRef, propertyNames) {
     return ref;
 }
 exports.useSizeCssVars = useSizeCssVars;
+function useBounds(callback) {
+    const ref = (0, react_1.useRef)(null);
+    const cb = (0, useStableCallback_js_1.useStableCallback)(callback);
+    (0, react_1.useLayoutEffect)(() => {
+        const target = ref.current;
+        if (!target) {
+            return () => {
+                //
+            };
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            entries.forEach((entry) => {
+                const { left, top, width, height } = entry.target.getBoundingClientRect();
+                cb({ left, top, width, height });
+            });
+        });
+        resizeObserver.observe(target);
+        return () => {
+            resizeObserver.unobserve(target);
+            resizeObserver.disconnect();
+        };
+    }, [ref, cb]);
+    return ref;
+}
+exports.useBounds = useBounds;
+function useBoundsCssVars(debounceMs, applyToRef, propertyNames) {
+    const update = (0, react_1.useMemo)(() => {
+        const doupdate = ({ left, top, width, height, }) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            const usedRef = applyToRef || ref;
+            (_a = usedRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty((_b = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.left) !== null && _b !== void 0 ? _b : '--left', left + 'px');
+            (_c = usedRef.current) === null || _c === void 0 ? void 0 : _c.style.setProperty((_d = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.top) !== null && _d !== void 0 ? _d : '--top', top + 'px');
+            (_e = usedRef.current) === null || _e === void 0 ? void 0 : _e.style.setProperty((_f = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width) !== null && _f !== void 0 ? _f : '--width', width + 'px');
+            (_g = usedRef.current) === null || _g === void 0 ? void 0 : _g.style.setProperty((_h = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height) !== null && _h !== void 0 ? _h : '--height', height + 'px');
+            (_j = usedRef.current) === null || _j === void 0 ? void 0 : _j.style.setProperty((_k = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.ready) !== null && _k !== void 0 ? _k : '--ready', '1');
+        };
+        if (debounceMs) {
+            return (0, utils_1.debounce)(doupdate, debounceMs);
+        }
+        else {
+            return doupdate;
+        }
+    }, [
+        debounceMs,
+        applyToRef,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.left,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.top,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width,
+        propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height,
+    ]);
+    const ref = useBounds(update);
+    return ref;
+}
+exports.useBoundsCssVars = useBoundsCssVars;
 //# sourceMappingURL=useSize.js.map