@a-type/ui 5.0.22 → 6.0.1

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

@@ -1,34 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'clsx';
-import useMergedRef from '../../hooks/useMergedRef.js';
-import { useBoundsCssVars } from '../../hooks/useSize.js';
-import { Box } from '../box/Box.js';
-const bodyRef = typeof document !== 'undefined' ? { current: document.body } : undefined;
-export function PageContent(_a) {
-    var { children, className, ref, p } = _a, rest = __rest(_a, ["children", "className", "ref", "p"]);
-    const innerRef = useBoundsCssVars(200, bodyRef, {
-        left: '--content-left',
-        top: '--content-top',
-        width: '--content-width',
-        height: '--content-height',
-        ready: '--content-ready',
-    });
-    const finalRef = useMergedRef(ref, innerRef);
-    return (_jsx(Box, Object.assign({ col: true, layout: "stretch start", full: "width", p: p || {
-            default: 'md',
-            sm: 'lg',
-        }, gap: "md", container: "reset", className: classNames('[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/esm/components/layouts/PageContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAY,MAAM,eAAe,CAAC;AAE9C,MAAM,OAAO,GACZ,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAE1E,MAAM,UAAU,WAAW,CAAC,EAMjB;QANiB,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,CAAC,OAES,EADP,IAAI,cALoB,qCAM3B,CADO;IAEP,MAAM,QAAQ,GAAG,gBAAgB,CAAiB,GAAG,EAAE,OAAO,EAAE;QAC/D,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,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACN,KAAC,GAAG,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,UAAU,CACpB,qBAAqB,EACrB,8EAA8E,EAC9E,SAAS,CACT,EACD,GAAG,EAAE,QAAQ,IACT,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

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

@@ -1,19 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'clsx';
-export function PageFixedArea(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("div", Object.assign({}, props, { className: classNames('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/esm/components/layouts/PageFixedArea.js.map

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

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

@@ -1,32 +0,0 @@
-// @unocss-include
-'use client';
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'clsx';
-import { useRef } from 'react';
-import { useBoundsCssVars } from '../../hooks.js';
-import { GroupScaleReset } from '../../systems/GroupScale.js';
-import { HideWhileKeyboardOpen } from '../utility/HideWhileKeyboardOpen.js';
-export function PageNav(_a) {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    const bodyRef = useRef(typeof document === 'undefined' ? null : document.documentElement);
-    const ref = useBoundsCssVars(undefined, bodyRef, {
-        left: '--nav-left',
-        top: '--nav-top',
-        width: '--nav-width',
-        height: '--nav-height',
-        ready: '--nav-ready',
-    });
-    return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames('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: _jsx(GroupScaleReset, { children: children }) })));
-}
-//# sourceMappingURL=PageNav.js.map

package/dist/esm/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;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,MAAM,CACrB,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CACjE,CAAC;IACF,MAAM,GAAG,GAAG,gBAAgB,CAAiB,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,KAAC,qBAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,mIAAmI,EACnI,sFAAsF,EACtF,iIAAiI,EACjI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,YAER,KAAC,eAAe,cAAE,QAAQ,GAAmB,IACtB,CACxB,CAAC;AACH,CAAC"}

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

@@ -1,34 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'clsx';
-import { createPortal } from 'react-dom';
-import { GroupScaleReset } from '../../systems/GroupScale.js';
-import { useConfig } from '../provider/Provider.js';
-export function PageNowPlaying(_a) {
-    var { className, keepAboveKeyboard, disablePortal, container = document.body } = _a, props = __rest(_a, ["className", "keepAboveKeyboard", "disablePortal", "container"]);
-    const { virtualKeyboardBehavior } = useConfig();
-    const content = (_jsx(GroupScaleReset, { children: _jsx("div", Object.assign({}, props, { className: classNames(disablePortal && 'layer-components:z-now-playing', 'layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:flex layer-components:flex-col layer-components:items-center 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:md:bottom-md layer-components:md:left-[var(--content-left,0)] layer-components:md:w-[var(--content-width,100%)] layer-components:md:items-center layer-components:md:p-0 layer-components:md:opacity-[var(--content-ready,0)] layer-components:md:transition-opacity,bottom', '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(--mock-virtual-keyboard-height,var(--viewport-bottom-offset,0px)),var(--nav-height,env(safe-area-inset-bottom,0px)))]', className) })) }));
-    if (disablePortal) {
-        return content;
-    }
-    return createPortal(content, container);
-}
-//# sourceMappingURL=PageNowPlaying.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,EAU9B;QAV8B,EAC9B,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,SAAS,GAAG,QAAQ,CAAC,IAAI,OAMzB,EALG,KAAK,cALsB,gEAM9B,CADQ;IAMR,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhD,MAAM,OAAO,GAAG,CACf,KAAC,eAAe,cACf,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,aAAa,IAAI,gCAAgC,EACjD,0EAA0E;YAC1E,uEAAuE;YACvE,iCAAiC;YACjC,6EAA6E,EAC7E,wKAAwK,EACxK,oBAAoB,EACpB,iBAAiB;gBAChB,uBAAuB,KAAK,SAAS;gBACrC,yJAAyJ,EAC1J,iBAAiB;gBAChB,uBAAuB,KAAK,UAAU;gBACtC,4JAA4J,EAC7J,SAAS,CACT,IACA,GACe,CAClB,CAAC;IAEF,IAAI,aAAa,EAAE,CAAC;QACnB,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,OAAO,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACzC,CAAC"}

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

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

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

@@ -1,23 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-export function PageRoot(_a) {
-    var { className, children, mobileBasis = 'auto' } = _a, rest = __rest(_a, ["className", "children", "mobileBasis"]);
-    return (_jsx("div", Object.assign({ className: clsx(
-        // TODO: once I'm sure which one is right, remove the other
-        mobileBasis === '0'
-            ? 'layer-components:flex-basis-0'
-            : 'layer-components:flex-basis-auto', 'layer-components:min-h-100dvh layer-components:flex-shrink-1 layer-components:flex-grow-1 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/esm/components/layouts/PageRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,QAAQ,CAAC,EAKT;QALS,EACxB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,MAAM,OAEL,EADZ,IAAI,cAJiB,wCAKxB,CADO;IAEP,OAAO,CACN,4BACC,SAAS,EAAE,IAAI;QACd,2DAA2D;QAC3D,WAAW,KAAK,GAAG;YAClB,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,kCAAkC,EACrC,mEAAmE,EACnE,oHAAoH,EACpH,wHAAwH,EACxH,gEAAgE,EAChE,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

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

@@ -1,5 +0,0 @@
-// @unocss-include
-import { withClassName } from '../../hooks/withClassName.js';
-export const PageSection = 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');
-export const PageSectionGrid = 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/esm/components/layouts/PageSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,KAAK,EACL,wFAAwF,CACxF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,KAAK,EACL,0FAA0F,CAC1F,CAAC"}

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

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

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

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

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

@@ -1,17 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-export declare const ManualWidth: Story;
-export declare const WithoutNav: Story;
-export declare const WithVirtualKeyboard: Story;

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

@@ -1,53 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Avatar } from '../avatar/Avatar.js';
-import { Box } from '../box/Box.js';
-import { Button } from '../button/index.js';
-import { Card } from '../card/Card.js';
-import { Input } from '../input/index.js';
-import { NavBarItem, NavBarItemIcon, NavBarItemIconWrapper, NavBarItemPip, NavBarItemText, NavBarRoot, } from '../navBar/index.js';
-import { Switch } from '../switch/Switch.js';
-import { PageContent } from './PageContent.js';
-import { PageNav } from './PageNav.js';
-import { PageNowPlaying } from './PageNowPlaying.js';
-import { PageRoot } from './PageRoot.js';
-const meta = {
-    title: 'Components/Layouts',
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-        layout: 'fullscreen',
-    },
-};
-export default meta;
-export const Default = {
-    render: () => {
-        const [content, setContent] = useState(true);
-        const toggleContent = () => setContent((prev) => !prev);
-        return (_jsxs(PageRoot, { children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(PageNowPlaying, { children: _jsx(Box, { surface: "white", elevated: "lg", full: true, p: true, children: "Now playing" }) })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "gray", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: (_, { size }) => (_jsx(Avatar, { name: "Grant Forrest", size: size })) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
-    },
-};
-export const ManualWidth = {
-    render: () => {
-        return (_jsxs(PageRoot, { children: [_jsxs(PageContent, { className: "max-w-300px", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "gray", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
-    },
-};
-export const WithoutNav = {
-    render: () => (_jsx(PageRoot, { className: "h-full w-full", children: _jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." }), _jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })] }), _jsx(PageNowPlaying, { children: _jsx(Box, { full: true, elevated: "lg", p: true, surface: "white", children: "Now playing" }) })] }) })),
-};
-export const WithVirtualKeyboard = {
-    render() {
-        const [keyboard, setKeyboard] = useState(false);
-        useEffect(() => {
-            if (keyboard) {
-                document.body.style.setProperty('--mock-virtual-keyboard-height', '300px');
-            }
-            else {
-                document.body.style.removeProperty('--mock-virtual-keyboard-height');
-            }
-        }, [keyboard]);
-        return (_jsxs(PageRoot, { className: "h-full w-full", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsxs(PageNowPlaying, { keepAboveKeyboard: true, children: [_jsx(Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" }), _jsx(Input, {})] })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: _jsx(Avatar, { name: "Grant Forrest" }) }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] })] }) }), _jsx("div", { className: "fixed bottom-0 left-0 right-0 h-[var(--mock-virtual-keyboard-height,0)] w-full transition-height bg-black" })] }));
-    },
-};
-//# sourceMappingURL=layouts.stories.js.map

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

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

package/dist/esm/components/lightbox/Lightbox.js

@@ -1,32 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, } from '@base-ui/react/dialog';
-import { withClassName } from '../../hooks.js';
-import { Button } from '../button/Button.js';
-import { Icon } from '../icon/Icon.js';
-export const LightboxRoot = Dialog.Root;
-export const LightboxTrigger = withClassName(Dialog.Trigger, 'layer-components:cursor-pointer', 'foc-effect');
-export const LightboxPortal = Dialog.Portal;
-export const LightboxTitle = () => (_jsx(Dialog.Title, { className: "sr-only", children: "Lightbox" }));
-export const LightboxClose = (props) => (_jsx(Dialog.Close, Object.assign({}, props, { render: _jsx(Button, { "aria-label": "Close", children: _jsx(Icon, { name: "x" }) }), className: "absolute right-md top-md" })));
-export const LightboxOverlay = withClassName(Dialog.Backdrop, 'layer-components:fixed layer-components:inset-0 layer-components:z-backdrop layer-components:backdrop-blur-sm layer-components:bg-black/50', 'transform-gpu !motion-reduce:animate-none', 'layer-components:(animate-fade-in [&[data-state=closed]]:animate-fade-out) animate-duration-200');
-export const LightboxContentRoot = withClassName(Dialog.Popup, 'layer-components:fixed layer-components:z-dialog layer-components:h-full layer-components:max-h-full layer-components:max-w-full layer-components:w-full layer-components:flex layer-components:items-center layer-components:justify-center layer-components:border-none layer-components:bg-none layer-components:p-lg', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:max-h-85vh layer-components:w-90vw layer-components:translate-[-50%]', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out', '!pointer-events-none');
-export const LightboxContent = (props) => {
-    return (_jsxs(LightboxContentRoot, Object.assign({}, props, { children: [_jsx(LightboxTitle, {}), _jsx(LightboxClose, { className: "pointer-events-auto" }), _jsx(LightboxContentInner, { children: props.children })] })));
-};
-const LightboxContentInner = withClassName('div', 'layer-components:max-h-full layer-components:max-w-full layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:overflow-hidden', 'layer-components:pointer-events-none layer-components:[&>*]:pointer-events-auto');
-function LightboxDefault({ children, }) {
-    return (_jsxs(Dialog.Root, { children: [_jsx(Dialog.Trigger, { render: children }), _jsxs(Dialog.Portal, { children: [_jsx(LightboxOverlay, {}), _jsx(LightboxContent, { children: children })] })] }));
-}
-const LightboxImage = withClassName('img', 'max-h-full max-w-full min-h-80px min-w-80px object-contain');
-export const Lightbox = Object.assign(LightboxDefault, {
-    Overlay: LightboxOverlay,
-    Content: LightboxContent,
-    Image: LightboxImage,
-    Root: LightboxRoot,
-    Trigger: LightboxTrigger,
-    Close: LightboxClose,
-    Title: LightboxTitle,
-    Portal: LightboxPortal,
-});
-//# sourceMappingURL=Lightbox.js.map

package/dist/esm/components/lightbox/Lightbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,MAAM,GAGN,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,OAAO,EACd,iCAAiC,EACjC,YAAY,CACZ,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAClC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,yBAAwB,CACzD,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACzD,KAAC,MAAM,CAAC,KAAK,oBACR,KAAK,IACT,MAAM,EACL,KAAC,MAAM,kBAAY,OAAO,YACzB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,EAEV,SAAS,EAAC,0BAA0B,IACnC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,QAAQ,EACf,0EAA0E,EAC1E,2CAA2C,EAC3C,iGAAiG,CACjG,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,MAAM,CAAC,KAAK,EACZ,iIAAiI,EACjI,2CAA2C,EAC3C,wEAAwE,EACxE,oCAAoC,EACpC,4DAA4D,EAC5D,sBAAsB,CACtB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC1D,OAAO,CACN,MAAC,mBAAmB,oBAAK,KAAK,eAC7B,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACjD,KAAC,oBAAoB,cAAE,KAAK,CAAC,QAAQ,GAAwB,KACxC,CACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,aAAa,CACzC,KAAK,EACL,oGAAoG,EACpG,iFAAiF,CACjF,CAAC;AAEF,SAAS,eAAe,CAAC,EACxB,QAAQ,GAGR;IACA,OAAO,CACN,MAAC,MAAM,CAAC,IAAI,eACX,KAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAmB,EACnD,MAAC,MAAM,CAAC,MAAM,eACb,KAAC,eAAe,KAAG,EACnB,KAAC,eAAe,cAAE,QAAQ,GAAmB,IAC9B,IACH,CACd,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,aAAa,CAClC,KAAK,EACL,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACtB,CAAC,CAAC"}

package/dist/esm/components/lightbox/Lightbox.stories.d.ts

@@ -1,26 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Lightbox } from './Lightbox.js';
-declare const meta: {
-    title: string;
-    component: (({ children, }: Omit<import("./Lightbox.js").LightboxProps, "children"> & {
-        children?: import("react").ReactElement;
-    }) => import("react/jsx-runtime").JSX.Element) & {
-        Overlay: import("react").FunctionComponent<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        Content: (props: import("@base-ui/react").AlertDialogPopupProps) => import("react/jsx-runtime").JSX.Element;
-        Image: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
-        Root: typeof import("@base-ui/react").DialogRoot;
-        Trigger: import("react").FunctionComponent<import("@base-ui/react").AlertDialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
-        Close: (props: import("@base-ui/react").AlertDialogCloseProps) => import("react/jsx-runtime").JSX.Element;
-        Title: () => import("react/jsx-runtime").JSX.Element;
-        Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Lightbox>;
-export declare const Default: Story;

package/dist/esm/components/lightbox/Lightbox.stories.js

@@ -1,18 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Lightbox } from './Lightbox.js';
-const meta = {
-    title: 'Components/Lightbox',
-    component: Lightbox,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    render(args) {
-        return (_jsx(Lightbox, Object.assign({}, args, { children: _jsx(Lightbox.Image, { src: "https://resources.biscuits.club/images/pashka.jpg", alt: "Sample" }) })));
-    },
-};
-//# sourceMappingURL=Lightbox.stories.js.map

package/dist/esm/components/lightbox/Lightbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.stories.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,KAAC,QAAQ,oBAAK,IAAI,cACjB,KAAC,QAAQ,CAAC,KAAK,IACd,GAAG,EAAC,mDAAmD,EACvD,GAAG,EAAC,QAAQ,GACX,IACQ,CACX,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/lists/lists.js

@@ -1,13 +0,0 @@
-// @unocss-include
-import { withClassName } from '../../hooks.js';
-const OlBase = withClassName('ol', 'list-decimal list-inside m-0 p-0 flex flex-col gap-sm');
-const OlItem = withClassName('li', 'ml-sm');
-export const Ol = Object.assign(OlBase, {
-    Item: OlItem,
-});
-const UlBase = withClassName('ul', 'list-disc list-inside m-0 p-0 flex flex-col gap-sm');
-const UlItem = withClassName('li', 'ml-sm');
-export const Ul = Object.assign(UlBase, {
-    Item: UlItem,
-});
-//# sourceMappingURL=lists.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"lists.js","sourceRoot":"","sources":["../../../../src/components/lists/lists.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,GAAG,aAAa,CAC3B,IAAI,EACJ,uDAAuD,CACvD,CAAC;AACF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,MAAM;CACZ,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,aAAa,CAC3B,IAAI,EACJ,oDAAoD,CACpD,CAAC;AACF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,MAAM;CACZ,CAAC,CAAC"}

package/dist/esm/components/lists/lists.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj;
-export declare const OrderedList: Story;
-export declare const UnorderedList: Story;

package/dist/esm/components/lists/lists.stories.js

@@ -1,22 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Ol, Ul } from './lists.js';
-const meta = {
-    title: 'Components/lists',
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const OrderedList = {
-    render(args) {
-        return (_jsxs(Ol, Object.assign({}, args, { children: [_jsx(Ol.Item, { children: "First item" }), _jsx(Ol.Item, { children: "Second item" }), _jsx(Ol.Item, { children: "Third item" })] })));
-    },
-};
-export const UnorderedList = {
-    render(args) {
-        return (_jsxs(Ul, Object.assign({}, args, { children: [_jsx(Ul.Item, { children: "First item" }), _jsx(Ul.Item, { children: "Second item" }), _jsx(Ul.Item, { children: "Third item" })] })));
-    },
-};
-//# sourceMappingURL=lists.stories.js.map

package/dist/esm/components/lists/lists.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lists.stories.js","sourceRoot":"","sources":["../../../../src/components/lists/lists.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAEpC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,EAAE,oBAAK,IAAI,eACX,KAAC,EAAE,CAAC,IAAI,6BAAqB,EAC7B,KAAC,EAAE,CAAC,IAAI,8BAAsB,EAC9B,KAAC,EAAE,CAAC,IAAI,6BAAqB,KACzB,CACL,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IACnC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,EAAE,oBAAK,IAAI,eACX,KAAC,EAAE,CAAC,IAAI,6BAAqB,EAC7B,KAAC,EAAE,CAAC,IAAI,8BAAsB,EAC9B,KAAC,EAAE,CAAC,IAAI,6BAAqB,KACzB,CACL,CAAC;IACH,CAAC;CACD,CAAC"}

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

@@ -1,69 +0,0 @@
-// @unocss-include
-'use client';
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { debounce } from '@a-type/utils';
-import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { Input } from '../input/Input.js';
-import { TextArea } from '../textArea/TextArea.js';
-/**
- * An extension of TextField which keeps a local realtime value in state and
- * periodically reports changes to the parent. Use this to connect
- * to the API and update a value from the field directly.
- *
- * This component is optimistic and will not respond to external changes while focused.
- */
-export const LiveUpdateTextField = function LiveUpdateTextField(_a) {
-    var { ref, value, onChange, debounceMs = 500, onFocus, onBlur, textArea, type } = _a, rest = __rest(_a, ["ref", "value", "onChange", "debounceMs", "onFocus", "onBlur", "textArea", "type"]);
-    const [displayValue, setDisplayValue] = useState(value || '');
-    const ignoreUpdates = useRef(false);
-    const didChange = useRef(false);
-    const handleFocus = useCallback((ev) => {
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
-        ignoreUpdates.current = true;
-    }, [onFocus]);
-    const handleBlur = useCallback((ev) => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
-        ignoreUpdates.current = false;
-        // immediately send update if the user typed anything.
-        // otherwise pull the latest remote value
-        if (didChange.current) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(displayValue);
-        }
-        else {
-            setDisplayValue(value || '');
-        }
-        didChange.current = false;
-    }, [onBlur, displayValue, onChange, value]);
-    useEffect(() => {
-        if (ignoreUpdates.current) {
-            return;
-        }
-        setDisplayValue(value || '');
-    }, [value]);
-    // every once in a while, send an update to parent
-    const debouncedOnChange = useMemo(() => debounce(onChange || (() => { }), debounceMs), [onChange, debounceMs]);
-    // update local state instantly and parent eventually
-    const handleValueChange = useCallback((value) => {
-        setDisplayValue(value);
-        debouncedOnChange(value);
-        didChange.current = true;
-    }, [debouncedOnChange]);
-    if (textArea) {
-        return (_jsx(TextArea, Object.assign({ ref: ref, onFocus: handleFocus, onBlur: handleBlur, value: displayValue, onValueChange: handleValueChange, autoSize: true }, rest)));
-    }
-    else {
-        return (_jsx(Input, Object.assign({ ref: ref, onFocus: handleFocus, onBlur: handleBlur, value: displayValue, onValueChange: handleValueChange, type: type }, rest)));
-    }
-};
-//# sourceMappingURL=LiveUpdateTextField.js.map

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

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

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

@@ -1,15 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { LiveUpdateTextField } from './LiveUpdateTextField.js';
-declare const meta: {
-    title: string;
-    component: ({ ref, value, onChange, debounceMs, onFocus, onBlur, textArea, type, ...rest }: import("./LiveUpdateTextField.js").LiveUpdateTextFieldProps) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof LiveUpdateTextField>;
-export declare const Default: Story;

package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.stories.js

@@ -1,20 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { LiveUpdateTextField } from './LiveUpdateTextField.js';
-const meta = {
-    title: 'Components/LiveUpdateTextField',
-    component: LiveUpdateTextField,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    render(args) {
-        const [value, setValue] = useState('Initial value');
-        return _jsx(LiveUpdateTextField, Object.assign({}, args, { value: value, onChange: setValue }));
-    },
-};
-//# sourceMappingURL=LiveUpdateTextField.stories.js.map

package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveUpdateTextField.stories.js","sourceRoot":"","sources":["../../../../src/components/liveUpdateTextField/LiveUpdateTextField.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC0C,CAAC;AAE7C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,KAAC,mBAAmB,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;IAC5E,CAAC;CACD,CAAC"}

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

@@ -1,3 +0,0 @@
-// @unocss-include
-export * from './LiveUpdateTextField.js';
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-export interface MarqueeProps {
-    className?: string;
-    children?: ReactNode;
-    timeout?: number;
-}
-export declare function Marquee({ className, children, timeout }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Marquee {
-    var Item: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
-}

package/dist/esm/components/marquee/marquee.js

@@ -1,21 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { clsx } from 'clsx';
-import { Children, useEffect, useState } from 'react';
-import { withClassName } from '../../hooks.js';
-import { SlotDiv } from '../utility/SlotDiv.js';
-export function Marquee({ className, children, timeout = 5000 }) {
-    const [currentIndex, setCurrentIndex] = useState(0);
-    const offset = `${currentIndex * -100}%`;
-    const childCount = Children.count(children);
-    useEffect(() => {
-        const timeoutId = setTimeout(() => {
-            setCurrentIndex((currentIndex + 1) % childCount);
-        }, timeout);
-        return () => clearTimeout(timeoutId);
-    }, [currentIndex, childCount, timeout]);
-    return (_jsx("div", { className: clsx('layer-components:relative layer-components:h-full layer-components:w-full layer-components:overflow-hidden', className), children: _jsx("div", { className: "layer-components:absolute layer-components:left-0 layer-components:top-0 layer-components:h-full layer-components:w-full layer-components:flex layer-components:flex-row layer-components:overflow-visible layer-components:transition-transform layer-components:duration-300", style: { transform: `translateX(${offset})` }, children: children }) }));
-}
-const MarqueeItem = withClassName(SlotDiv, 'layer-components:h-full layer-components:w-full layer-components:flex-shrink-0 layer-components:object-cover');
-Marquee.Item = MarqueeItem;
-//# sourceMappingURL=marquee.js.map