@a-type/ui 4.1.8 → 5.0.0

package/dist/cjs/components/index.js

@@ -1,79 +0,0 @@
-// @unocss-include
-"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("@base-ui/react/use-render"), exports);
-__exportStar(require("./actions/index.js"), exports);
-__exportStar(require("./autocomplete/Autocomplete.js"), exports);
-__exportStar(require("./avatar/index.js"), exports);
-__exportStar(require("./box/Box.js"), exports);
-__exportStar(require("./button/index.js"), exports);
-__exportStar(require("./camera/index.js"), exports);
-__exportStar(require("./card/index.js"), exports);
-__exportStar(require("./checkbox/index.js"), exports);
-__exportStar(require("./chip/index.js"), exports);
-__exportStar(require("./collapsible/index.js"), exports);
-__exportStar(require("./colorMode/ColorModeToggle.js"), exports);
-__exportStar(require("./colorPicker/index.js"), exports);
-__exportStar(require("./combobox/Combobox.js"), exports);
-__exportStar(require("./contextMenu/contextMenu.js"), exports);
-__exportStar(require("./datePicker/index.js"), exports);
-__exportStar(require("./dialog/index.js"), exports);
-__exportStar(require("./divider/index.js"), exports);
-__exportStar(require("./dropdownMenu/index.js"), exports);
-__exportStar(require("./editableText/EditableText.js"), exports);
-__exportStar(require("./emojiPicker/EmojiPicker.js"), exports);
-__exportStar(require("./errorBoundary/index.js"), exports);
-__exportStar(require("./forms/index.js"), exports);
-__exportStar(require("./horizontalList/HorizontalList.js"), exports);
-__exportStar(require("./icon/index.js"), exports);
-__exportStar(require("./imageUploader/index.js"), exports);
-__exportStar(require("./infiniteLoadTrigger/InfiniteLoadTrigger.js"), exports);
-__exportStar(require("./input/index.js"), exports);
-__exportStar(require("./layouts/index.js"), exports);
-__exportStar(require("./lists/lists.js"), exports);
-__exportStar(require("./liveUpdateTextField/index.js"), exports);
-__exportStar(require("./marquee/marquee.js"), exports);
-__exportStar(require("./masonry/masonry.js"), exports);
-__exportStar(require("./navBar/index.js"), exports);
-__exportStar(require("./note/index.js"), exports);
-__exportStar(require("./numberStepper/index.js"), exports);
-__exportStar(require("./particles/index.js"), exports);
-__exportStar(require("./peek/index.js"), exports);
-__exportStar(require("./popover/index.js"), exports);
-__exportStar(require("./primitives/menus.js"), exports);
-__exportStar(require("./progress/Progress.js"), exports);
-__exportStar(require("./provider/Provider.js"), exports);
-__exportStar(require("./pwaInstall/index.js"), exports);
-__exportStar(require("./quickAction/QuickAction.js"), exports);
-__exportStar(require("./relativeTime/index.js"), exports);
-__exportStar(require("./richEditor/index.js"), exports);
-__exportStar(require("./scrollArea/ScrollArea.js"), exports);
-__exportStar(require("./select/index.js"), exports);
-__exportStar(require("./skeletons/skeletons.js"), exports);
-__exportStar(require("./slider/index.js"), exports);
-__exportStar(require("./spinner/index.js"), exports);
-__exportStar(require("./switch/index.js"), exports);
-__exportStar(require("./tabs/tabs.js"), exports);
-__exportStar(require("./textArea/index.js"), exports);
-__exportStar(require("./toasts/toasts.js"), exports);
-__exportStar(require("./toggleGroup/toggleGroup.js"), exports);
-__exportStar(require("./tooltip/index.js"), exports);
-__exportStar(require("./typography/index.js"), exports);
-__exportStar(require("./utility/HideWhileKeyboardOpen.js"), exports);
-__exportStar(require("./utility/SlotDiv.js"), exports);
-__exportStar(require("./viewport/index.js"), exports);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAA0C;AAC1C,qDAAmC;AACnC,iEAA+C;AAC/C,oDAAkC;AAClC,+CAA6B;AAC7B,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,yDAAuC;AACvC,iEAA+C;AAC/C,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,iEAA+C;AAC/C,+DAA6C;AAC7C,2DAAyC;AACzC,mDAAiC;AACjC,qEAAmD;AACnD,kDAAgC;AAChC,2DAAyC;AACzC,+EAA6D;AAC7D,mDAAiC;AACjC,qDAAmC;AACnC,mDAAiC;AACjC,iEAA+C;AAC/C,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AACnC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,wDAAsC;AACtC,+DAA6C;AAC7C,0DAAwC;AACxC,wDAAsC;AACtC,6DAA2C;AAC3C,oDAAkC;AAClC,2DAAyC;AACzC,oDAAkC;AAClC,qDAAmC;AACnC,oDAAkC;AAClC,iDAA+B;AAC/B,sDAAoC;AACpC,qDAAmC;AACnC,+DAA6C;AAC7C,qDAAmC;AACnC,wDAAsC;AACtC,qEAAmD;AACnD,uDAAqC;AACrC,sDAAoC"}

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

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export interface InfiniteLoadTriggerProps {
-    className?: string;
-    children?: ReactNode;
-    onVisible?: () => void;
-}
-export declare const InfiniteLoadTrigger: ({ ref, className, onVisible, ...rest }: InfiniteLoadTriggerProps & {
-    ref?: React.Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime.js").JSX.Element;

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

@@ -1,42 +0,0 @@
-// @unocss-include
-"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.InfiniteLoadTrigger = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-const hooks_js_1 = require("../../hooks.js");
-const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
-const InfiniteLoadTrigger = function InfiniteLoadTrigger(_a) {
-    var { ref, className, onVisible } = _a, rest = __rest(_a, ["ref", "className", "onVisible"]);
-    const innerRef = (0, react_1.useRef)(null);
-    const stableOnVisible = (0, hooks_js_1.useStableCallback)(onVisible);
-    (0, react_1.useEffect)(() => {
-        const observer = new IntersectionObserver((entries) => {
-            if (entries[0].isIntersecting) {
-                stableOnVisible();
-            }
-        });
-        observer.observe(innerRef.current);
-        return () => {
-            observer.disconnect();
-        };
-    }, [stableOnVisible]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0, clsx_1.default)('flex flex-col items-center', className) }, rest)));
-};
-exports.InfiniteLoadTrigger = InfiniteLoadTrigger;
-//# sourceMappingURL=InfiniteLoadTrigger.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAAqD;AACrD,6CAAmD;AACnD,kFAAuD;AAQhD,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAO/D;QAP+D,EAC/D,GAAG,EACH,SAAS,EACT,SAAS,OAIT,EAHG,IAAI,cAJwD,iCAK/D,CADO;IAIP,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,4BAAiB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;gBAC/B,eAAe,EAAE,CAAC;YACnB,CAAC;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,8CACC,GAAG,EAAE,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,cAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,mBAAmB,uBA8B9B"}

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

@@ -1,20 +0,0 @@
-import { InputProps as BaseInputProps } from '@base-ui/react/input';
-import { Ref } from 'react';
-export declare const inputClassName: string;
-export interface InputProps extends Omit<BaseInputProps, 'className'> {
-    autoSelect?: boolean;
-    /** Shuffle between random placeholders */
-    placeholders?: string[];
-    placeholdersIntervalMs?: number;
-    borderRef?: React.Ref<HTMLDivElement>;
-    startAccessory?: React.ReactNode;
-    endAccessory?: React.ReactNode;
-    className?: string;
-    ref?: Ref<HTMLInputElement>;
-}
-export declare const Input: (({ className, borderRef, startAccessory, endAccessory, ...props }: InputProps) => import("react/jsx-runtime.js").JSX.Element) & {
-    Border: import("react").FunctionComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-        ref?: Ref<HTMLDivElement>;
-    }>;
-    Input: ({ autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs, onValueChange, ...props }: InputProps) => import("react/jsx-runtime.js").JSX.Element;
-};

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

@@ -1,59 +0,0 @@
-// @unocss-include
-"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.Input = exports.inputClassName = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const input_1 = require("@base-ui/react/input");
-const clsx_1 = __importDefault(require("clsx"));
-const hooks_js_1 = require("../../hooks.js");
-const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
-const GroupScale_js_1 = require("../../systems/GroupScale.js");
-const inputs_js_1 = require("../../systems/inputs.js");
-exports.inputClassName = (0, clsx_1.default)('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
-const inputBorderClassName = (0, clsx_1.default)('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-black', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
-function InputBorderImpl(props) {
-    return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, props)) }));
-}
-const InputBorder = (0, hooks_js_1.withClassName)(InputBorderImpl, inputBorderClassName);
-const InnerInput = function InnerInput(_a) {
-    var { autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs = 5000, onValueChange } = _a, props = __rest(_a, ["autoSelect", "onFocus", "onBlur", "className", "placeholders", "placeholder", "placeholdersIntervalMs", "onValueChange"]);
-    const handleFocus = (ev) => {
-        if (autoSelect) {
-            ev.target.select();
-        }
-        if (inputs_js_1.inputInfo.lastPointerDown &&
-            Date.now() - inputs_js_1.inputInfo.lastPointerDown < 200) {
-            ev.currentTarget.setAttribute('data-focus-clicked', 'true');
-        }
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
-    };
-    const handleBlur = (ev) => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
-        ev.currentTarget.removeAttribute('data-focus-clicked');
-    };
-    const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({ placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, onFocus: handleFocus, onValueChange: onValueChange, onBlur: handleBlur, className: (0, clsx_1.default)(exports.inputClassName, className) }, props)));
-};
-const InputDefault = function InputDefault(_a) {
-    var { className, borderRef, startAccessory, endAccessory } = _a, props = __rest(_a, ["className", "borderRef", "startAccessory", "endAccessory"]);
-    return ((0, jsx_runtime_1.jsxs)(InputBorder, { ref: borderRef, className: className, children: [startAccessory, (0, jsx_runtime_1.jsx)(InnerInput, Object.assign({}, props)), endAccessory] }));
-};
-exports.Input = Object.assign(InputDefault, {
-    Border: InputBorder,
-    Input: InnerInput,
-});
-//# sourceMappingURL=Input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAG8B;AAC9B,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,+DAA8D;AAC9D,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,iEAAiE,EACjE,qMAAqM,EACrM,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,SAAS,eAAe,CACvB,KAEC;IAED,OAAO,CACN,uBAAC,+BAAe,cACf,gDAAS,KAAK,EAAI,GACD,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,IAAA,wBAAa,EAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,qBAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,qBAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,wBAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,uBAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}

package/dist/cjs/components/input/Input.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Input } from './Input.js';
-declare const meta: {
-    title: string;
-    component: (({ className, borderRef, startAccessory, endAccessory, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime.js").JSX.Element) & {
-        Border: import("react").FunctionComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-            ref?: import("react").Ref<HTMLDivElement>;
-        }>;
-        Input: ({ autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs, onValueChange, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime.js").JSX.Element;
-    };
-    argTypes: {
-        disabled: {
-            control: "boolean";
-        };
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Input>;
-export declare const Default: Story;
-export declare const ButtonAndInput: Story;
-export declare const WithAccessories: Story;
-export declare const NestedInBoxes: Story;

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

@@ -1,31 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NestedInBoxes = exports.WithAccessories = exports.ButtonAndInput = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_js_1 = require("../box/Box.js");
-const Button_js_1 = require("../button/Button.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const Input_js_1 = require("./Input.js");
-const meta = {
-    title: 'Components/Input',
-    component: Input_js_1.Input,
-    argTypes: {
-        disabled: { control: 'boolean' },
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {};
-exports.ButtonAndInput = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({ placeholder: "Type something..." }, args)), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Submit" })] })),
-};
-exports.WithAccessories = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Input_js_1.Input.Border, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "search" }), (0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ placeholder: "Search..." }, args)), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "arrowRight" }) })] })),
-};
-exports.NestedInBoxes = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { p: true, border: true, rounded: true, children: (0, jsx_runtime_1.jsx)(Box_js_1.Box, { p: true, border: true, rounded: true, children: (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({ placeholder: "Type something..." }, args)) }) })),
-};
-//# sourceMappingURL=Input.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,mDAA6C;AAC7C,6CAAuC;AACvC,yCAAmC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,gBAAK;IAChB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,cAAc,GAAU;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,wBAAC,YAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,uBAAC,gBAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,EACnD,uBAAC,kBAAM,yBAAgB,IAClB,CACN;CACD,CAAC;AAEW,QAAA,eAAe,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,wBAAC,gBAAK,CAAC,MAAM,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,uBAAC,gBAAK,CAAC,KAAK,kBAAC,WAAW,EAAC,WAAW,IAAK,IAAI,EAAI,EACjD,uBAAC,kBAAM,IAAC,QAAQ,EAAC,OAAO,YACvB,uBAAC,cAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAClB,IACK,CACf;CACD,CAAC;AAEW,QAAA,aAAa,GAAU;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,YAAG,IAAC,CAAC,QAAC,MAAM,QAAC,OAAO,kBACpB,uBAAC,YAAG,IAAC,CAAC,QAAC,MAAM,QAAC,OAAO,kBACpB,uBAAC,gBAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,GAC9C,GACD,CACN;CACD,CAAC"}

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

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

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

@@ -1,19 +0,0 @@
-// @unocss-include
-"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

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

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

@@ -1,2 +0,0 @@
-import { BoxProps } from '../box/Box.js';
-export declare function PageContent({ children, className, ref, p, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;

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

@@ -1,40 +0,0 @@
-// @unocss-include
-"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.PageContent = PageContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
-const useSize_js_1 = require("../../hooks/useSize.js");
-const Box_js_1 = require("../box/Box.js");
-function PageContent(_a) {
-    var { children, className, ref, p } = _a, rest = __rest(_a, ["children", "className", "ref", "p"]);
-    const innerRef = (0, useSize_js_1.useBoundsCssVars)(200, undefined, {
-        left: '--content-left',
-        top: '--content-top',
-        width: '--content-width',
-        height: '--content-height',
-        ready: '--content-ready',
-    });
-    const finalRef = (0, useMergedRef_js_1.default)(ref, innerRef);
-    return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ col: true, layout: "stretch start", full: "width", p: p || {
-            default: 'md',
-            sm: 'lg',
-        }, gap: "md", container: "reset", className: (0, clsx_1.default)('[grid-area:content]', 'layer-components:flex-1-0-auto layer-components:mx-auto layer-components:max-w-full layer-components:min-w-0', className), ref: finalRef }, rest, { children: children })));
-}
-//# sourceMappingURL=PageContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAMb,kCAyCC;;AA9CD,gDAA8B;AAC9B,kFAAuD;AACvD,uDAA0D;AAC1D,0CAA8C;AAE9C,SAAgB,WAAW,CAAC,EAMjB;QANiB,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,CAAC,OAES,EADP,IAAI,cALoB,qCAM3B,CADO;IAEP,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,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACN,uBAAC,YAAG,kBACH,GAAG,QACH,MAAM,EAAC,eAAe,EACtB,IAAI,EAAC,OAAO,EACZ,CAAC,EACA,CAAC,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,EAAE,EAAE,IAAI;SACR,EAEF,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,OAAO,EACjB,SAAS,EAAE,IAAA,cAAU,EACpB,qBAAqB,EACrB,8EAA8E,EAC9E,SAAS,CACT,EACD,GAAG,EAAE,QAAQ,IACT,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-import { HTMLAttributes } from 'react';
-export declare function PageNav({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime.js").JSX.Element;

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

@@ -1,38 +0,0 @@
-// @unocss-include
-"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 = PageNav;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-const hooks_js_1 = require("../../hooks.js");
-const GroupScale_js_1 = require("../../systems/GroupScale.js");
-const HideWhileKeyboardOpen_js_1 = require("../utility/HideWhileKeyboardOpen.js");
-function PageNav(_a) {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    const bodyRef = (0, react_1.useRef)(typeof document === 'undefined' ? null : document.documentElement);
-    const ref = (0, hooks_js_1.useBoundsCssVars)(undefined, bodyRef, {
-        left: '--nav-left',
-        top: '--nav-top',
-        width: '--nav-width',
-        height: '--nav-height',
-        ready: '--nav-ready',
-    });
-    return ((0, jsx_runtime_1.jsx)(HideWhileKeyboardOpen_js_1.HideWhileKeyboardOpen, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:[grid-area:nav] layer-components:sticky layer-components:bottom-0 layer-components:z-[var(--z-nav)] layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))] layer-components:bg-inherit', 'layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:content-[""] layer-components:before:bg-gray-dark/80', 'layer-components:md:[grid-area:nav] layer-components:md:sticky layer-components:md:bottom-auto layer-components:md:left-auto layer-components:md:right-auto layer-components:md:top-lg layer-components:md:h-auto layer-components:md:before:hidden', className), ref: ref, children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: children }) })));
-}
-//# sourceMappingURL=PageNav.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAQb,0BA8BC;;AApCD,gDAA8B;AAC9B,iCAA+C;AAC/C,6CAAkD;AAClD,+DAA8D;AAC9D,kFAA4E;AAE5E,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EACrB,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CACjE,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2BAAgB,EAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,gDAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,mIAAmI,EACnI,sFAAsF,EACtF,iIAAiI,EACjI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,YAER,uBAAC,+BAAe,cAAE,QAAQ,GAAmB,IACtB,CACxB,CAAC;AACH,CAAC"}

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

@@ -1,4 +0,0 @@
-import { HTMLAttributes } from 'react';
-export declare function PageNowPlaying({ className, keepAboveKeyboard, ...props }: HTMLAttributes<HTMLDivElement> & {
-    keepAboveKeyboard?: boolean;
-}): import("react/jsx-runtime.js").JSX.Element;

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

@@ -1,36 +0,0 @@
-// @unocss-include
-"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 = PageNowPlaying;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const GroupScale_js_1 = require("../../systems/GroupScale.js");
-const Provider_js_1 = require("../provider/Provider.js");
-function PageNowPlaying(_a) {
-    var { className, keepAboveKeyboard } = _a, props = __rest(_a, ["className", "keepAboveKeyboard"]);
-    const { virtualKeyboardBehavior } = (0, Provider_js_1.useConfig)();
-    return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:z-[var(--z-now-playing)] layer-components:flex layer-components:flex-col layer-components:items-end layer-components:gap-2', 
-            // on mobile, this must be positioned above any nav bar that's present,
-            // or at minimum in the safe area
-            'layer-components:bottom-[var(--nav-height,env(safe-area-inset-bottom,0px))]', 'layer-components:transition-bottom', 'layer-components:md:fixed layer-components:md:bottom-3 layer-components:md:left-[var(--content-left,20%)] layer-components:md:top-auto layer-components:md:w-[var(--content-width,100%)] layer-components:md:items-end layer-components:md:p-0 layer-components:md:opacity-[var(--content-ready,0)] layer-components:md:transition-opacity', 'layer-variants:p-2', keepAboveKeyboard &&
-                virtualKeyboardBehavior === 'overlay' &&
-                'layer-variants:lt-md:bottom-[max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))))]', keepAboveKeyboard &&
-                virtualKeyboardBehavior === 'displace' &&
-                'layer-variants:lt-md:bottom-[max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)))]', className) })) }));
-}
-//# sourceMappingURL=PageNowPlaying.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAOb,wCAgCC;;AArCD,gDAA8B;AAE9B,+DAA8D;AAC9D,yDAAoD;AAEpD,SAAgB,cAAc,CAAC,EAM9B;QAN8B,EAC9B,SAAS,EACT,iBAAiB,OAIjB,EAHG,KAAK,cAHsB,kCAI9B,CADQ;IAIR,MAAM,EAAE,uBAAuB,EAAE,GAAG,IAAA,uBAAS,GAAE,CAAC;IAEhD,OAAO,CACN,uBAAC,+BAAe,cACf,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,gGAAgG;YAChG,uEAAuE;YACvE,iCAAiC;YACjC,6EAA6E,EAC7E,oCAAoC,EACpC,8KAA8K,EAC9K,oBAAoB,EACpB,iBAAiB;gBAChB,uBAAuB,KAAK,SAAS;gBACrC,yJAAyJ,EAC1J,iBAAiB;gBAChB,uBAAuB,KAAK,UAAU;gBACtC,wHAAwH,EACzH,SAAS,CACT,IACA,GACe,CAClB,CAAC;AACH,CAAC"}

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

@@ -1,4 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface PageRootProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare function PageRoot({ className, children, ...rest }: PageRootProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +0,0 @@
-// @unocss-include
-"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 = PageRoot;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-function PageRoot(_a) {
-    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:min-h-100dvh layer-components:flex-shrink-1 layer-components:flex-grow-1 layer-components:flex-basis-0 layer-components:bg-wash', 'layer-components:grid layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr_auto] layer-components:grid-areas-[content]-[nav] layer-components:items-start layer-components:justify-center', 'md:layer-responsive:grid-cols-[1fr_auto_20fr_1fr] md:layer-responsive:grid-areas-[gutter1_nav_content_gutter2] md:layer-responsive:h-auto md:layer-responsive:min-h-auto md:layer-responsive:bg-wash', 'lg:layer-responsive:grid-cols-[1fr_auto_min(800px,70vw)_1fr]', className) }, rest, { children: children })));
-}
-//# sourceMappingURL=PageRoot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKA,4BAeC;;AApBD,gDAAwB;AAKxB,SAAgB,QAAQ,CAAC,EAA+C;QAA/C,EAAE,SAAS,EAAE,QAAQ,OAA0B,EAArB,IAAI,cAA9B,yBAAgC,CAAF;IACtD,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAI,EACd,gFAAgF,EAChF,oHAAoH,EACpH,wHAAwH,EACxH,gEAAgE,EAChE,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

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

@@ -1,2 +0,0 @@
-export declare const PageSection: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const PageSectionGrid: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

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

@@ -1,8 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageSectionGrid = exports.PageSection = void 0;
-const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.PageSection = (0, withClassName_js_1.withClassName)('div', 'layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:p-4 layer-components:w-full layer-components:max-w-80vw layer-components:md:min-w-0');
-exports.PageSectionGrid = (0, withClassName_js_1.withClassName)('div', 'layer-components:grid layer-components:grid-cols-[repeat(auto-fit,minmax(300px,1fr))] layer-components:gap-4 layer-components:items-start');
-//# sourceMappingURL=PageSection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;AAAA,mEAA6D;AAEhD,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,KAAK,EACL,wFAAwF,CACxF,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,KAAK,EACL,0FAA0F,CAC1F,CAAC"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"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"}