@a-type/ui 5.0.22 → 6.0.1

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

@@ -1,167 +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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames, { clsx } from 'clsx';
-import { createContext, useCallback, useContext, useEffect, useId, useState, } from 'react';
-import { Button } from '../button/index.js';
-import { CameraDeviceSelector, CameraFullscreenButton, CameraRoot, CameraShutterButton, } from '../camera/index.js';
-import { Icon } from '../icon/index.js';
-/**
- * Renders an image if one is already set, and allows either clicking
- * on the image to select a new one, or dragging a new image onto the
- * component to replace the existing one.
- */
-export function ImageUploaderRoot(_a) {
-    var { value, onChange: handleChange, maxDimension, children } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension", "children"]);
-    const inputId = useId();
-    const [dragging, setDragging] = useState(false);
-    const [draggingOver, setDraggingOver] = useState(false);
-    const onDragEnter = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDraggingOver(true);
-    }, []);
-    const onDragLeave = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDraggingOver(false);
-    }, []);
-    const onDragOver = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDraggingOver(true);
-    }, []);
-    const onChange = useCallback(async (file) => {
-        if (!file) {
-            handleChange(null);
-        }
-        else if (maxDimension) {
-            let resizer = await import('browser-image-resizer');
-            // @ts-ignore
-            resizer = resizer.readAndCompressImage ? resizer : resizer.default;
-            if (!resizer || !resizer.readAndCompressImage) {
-                // fallback. this happens in dev environments using untransformed TS.
-                // TODO: fix this.
-                console.warn('browser-image-resizer not available, uploading original image');
-                handleChange(file);
-                return;
-            }
-            const resizedImage = await resizer.readAndCompressImage(file, {
-                maxWidth: maxDimension,
-                maxHeight: maxDimension,
-                mimeType: file.type,
-            });
-            handleChange(new File([resizedImage], file.name, { type: file.type }));
-        }
-        else {
-            handleChange(file);
-        }
-    }, [handleChange, maxDimension]);
-    const onDrop = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDraggingOver(false);
-        if (e.dataTransfer.files.length > 0) {
-            onChange(e.dataTransfer.files[0]);
-        }
-    }, [onChange]);
-    const onDragStart = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragging(true);
-    }, []);
-    const onDragEnd = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragging(false);
-    }, []);
-    const onFileChange = useCallback((e) => {
-        if (e.target.files && e.target.files.length > 0) {
-            onChange(e.target.files[0]);
-        }
-    }, [onChange]);
-    const onFileClick = useCallback((e) => {
-        e.stopPropagation();
-    }, []);
-    return (_jsx(ImageUploaderContext.Provider, { value: { inputId, dragging, draggingOver, value, onChange }, children: _jsxs("div", { className: classNames('relative rounded-lg', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [_jsx("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "pointer-events-none absolute inset-0 op-0", id: inputId }), children] }) }));
-}
-const ImageUploaderContext = createContext(null);
-function useUploaderContext() {
-    const context = useContext(ImageUploaderContext);
-    if (!context) {
-        throw new Error('ImageUploaderContext not found');
-    }
-    return context;
-}
-function ImageUploaderPrebuilt(_a) {
-    var { crossOrigin = 'anonymous' } = _a, props = __rest(_a, ["crossOrigin"]);
-    const [cameraOpen, setCameraOpen] = useState(false);
-    const openCamera = () => setCameraOpen(true);
-    return (_jsxs(ImageUploaderRoot, Object.assign({}, props, { children: [_jsx(ImageUploaderDisplay, { crossOrigin: crossOrigin }), _jsxs(ImageUploaderEmptyControls, { children: [_jsx(ImageUploaderFileButton, {}), _jsxs(Button, { emphasis: "ghost", size: "small", onClick: openCamera, children: [_jsx(Icon, { name: "camera" }), _jsx("span", { children: "Camera" })] })] }), !props.value && cameraOpen && (_jsxs(CameraRoot, { className: "absolute z-1 h-full w-full", format: "image/png", onCapture: (file) => {
-                    props.onChange(file);
-                    setCameraOpen(false);
-                }, facingMode: props.facingMode, children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {}), _jsx(CameraFullscreenButton, {}), _jsx(Button, { onClick: () => setCameraOpen(false), emphasis: "ghost", size: "small", className: "absolute left-2 top-2 color-white", children: "Cancel" })] })), _jsx(ImageUploaderRemoveButton, {})] })));
-}
-export function ImageUploaderFileButton(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const { inputId, dragging } = useUploaderContext();
-    const [focused, setFocused] = useState(false);
-    useEffect(() => {
-        function updateFocus(ev) {
-            setFocused(ev.target === document.activeElement);
-        }
-        setTimeout(() => {
-            const input = document.getElementById(inputId);
-            if (input) {
-                input.addEventListener('focus', updateFocus);
-                input.addEventListener('blur', updateFocus);
-            }
-        }, 0);
-        return () => {
-            const input = document.getElementById(inputId);
-            if (input) {
-                input.removeEventListener('focus', updateFocus);
-                input.removeEventListener('blur', updateFocus);
-            }
-        };
-    }, [inputId]);
-    return (_jsx(Button, Object.assign({ emphasis: "ghost", size: "small", render: _jsx("label", { htmlFor: inputId }), visuallyFocused: focused }, props, { children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "upload" }), _jsx("span", { children: dragging ? 'Drop' : 'Upload' })] })) })));
-}
-export function ImageUploaderRemoveButton(_a) {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    const { value, onChange } = useUploaderContext();
-    if (!value)
-        return null;
-    return (_jsx(Button, Object.assign({ emphasis: "ghost", className: clsx('layer-variants:absolute layer-variants:right-2 layer-variants:top-2 layer-variants:z-10 layer-variants:h-32px layer-variants:w-32px layer-variants:cursor-pointer layer-variants:rounded-lg layer-variants:border-none layer-variants:p-2 layer-variants:shadow-sm layer-variants:transition-colors layer-variants:color-black layer-variants:bg-white', className), onClick: () => onChange(null) }, rest, { children: _jsx(Icon, { name: "x" }) })));
-}
-export function ImageUploaderDisplay(_a) {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    const { value } = useUploaderContext();
-    return value ? (_jsx("img", Object.assign({ src: value, className: clsx('layer-components:h-full layer-components:w-full layer-components:rounded-lg layer-components:object-cover layer-components:object-center', className) }, rest))) : null;
-}
-export function ImageUploaderEmptyControls({ children, className, }) {
-    const { value, draggingOver } = useUploaderContext();
-    if (value)
-        return null;
-    return (_jsx("div", { className: classNames('layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:gap-3 layer-components:rounded-lg layer-components:bg-gray-light', {
-            'layer-components:bg-darken-2': draggingOver,
-        }, className), children: children }));
-}
-export const ImageUploader = Object.assign(ImageUploaderPrebuilt, {
-    Root: ImageUploaderRoot,
-    FileButton: ImageUploaderFileButton,
-    RemoveButton: ImageUploaderRemoveButton,
-    Display: ImageUploaderDisplay,
-    EmptyControls: ImageUploaderEmptyControls,
-});
-//# sourceMappingURL=ImageUploader.js.map

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

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

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

@@ -1,36 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { ImageUploader } from './ImageUploader.js';
-declare const meta: {
-    title: string;
-    component: (({ crossOrigin, ...props }: Omit<import("./ImageUploader.js").ImageUploaderProps, "children"> & {
-        facingMode?: "user" | "environment";
-        crossOrigin?: import("react").ImgHTMLAttributes<HTMLImageElement>["crossOrigin"];
-    }) => import("react/jsx-runtime").JSX.Element) & {
-        Root: typeof import("./ImageUploader.js").ImageUploaderRoot;
-        FileButton: typeof import("./ImageUploader.js").ImageUploaderFileButton;
-        RemoveButton: typeof import("./ImageUploader.js").ImageUploaderRemoveButton;
-        Display: typeof import("./ImageUploader.js").ImageUploaderDisplay;
-        EmptyControls: typeof import("./ImageUploader.js").ImageUploaderEmptyControls;
-    };
-    argTypes: {
-        onChange: {
-            action: string;
-        };
-        maxDimension: {
-            control: {
-                type: "number";
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-    args: {
-        className: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ImageUploader>;
-export declare const Default: Story;

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

@@ -1,27 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ImageUploader } from './ImageUploader.js';
-const meta = {
-    title: 'Components/ImageUploader',
-    component: ImageUploader,
-    argTypes: {
-        onChange: { action: 'change' },
-        maxDimension: { control: { type: 'number' } },
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-    args: {
-        className: 'w-64 h-64',
-    },
-};
-export default meta;
-export const Default = {
-    render: () => _jsx(ImageUploaderDemo, {}),
-};
-function ImageUploaderDemo() {
-    const [value, setValue] = useState(null);
-    return (_jsx(ImageUploader, { onChange: (file) => file ? setValue(URL.createObjectURL(file)) : setValue(null), value: value, className: "h-64 w-64" }));
-}
-//# sourceMappingURL=ImageUploader.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageUploader.stories.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAC7C;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,SAAS,EAAE,WAAW;KACtB;CACoC,CAAC;AAEvC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG;CACnC,CAAC;AAEF,SAAS,iBAAiB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAE5D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,WAAW,GACpB,CACF,CAAC;AACH,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -1,61 +0,0 @@
-export * from '@base-ui/react/use-render';
-export * from './actions/index.js';
-export * from './autocomplete/Autocomplete.js';
-export * from './avatar/index.js';
-export * from './box/Box.js';
-export * from './button/index.js';
-export * from './camera/index.js';
-export * from './card/index.js';
-export * from './checkbox/index.js';
-export * from './chip/index.js';
-export * from './collapsible/index.js';
-export * from './colorMode/ColorModeToggle.js';
-export * from './colorPicker/index.js';
-export * from './combobox/Combobox.js';
-export * from './contextMenu/contextMenu.js';
-export * from './datePicker/index.js';
-export * from './dialog/index.js';
-export * from './divider/index.js';
-export * from './dropdownMenu/index.js';
-export * from './editableText/EditableText.js';
-export * from './emojiPicker/EmojiPicker.js';
-export * from './errorBoundary/index.js';
-export * from './forms/index.js';
-export * from './horizontalList/HorizontalList.js';
-export * from './icon/index.js';
-export * from './imageUploader/index.js';
-export * from './infiniteLoadTrigger/InfiniteLoadTrigger.js';
-export * from './input/index.js';
-export * from './layouts/index.js';
-export * from './lists/lists.js';
-export * from './liveUpdateTextField/index.js';
-export * from './marquee/marquee.js';
-export * from './masonry/masonry.js';
-export * from './navBar/index.js';
-export * from './note/index.js';
-export * from './numberStepper/index.js';
-export * from './particles/index.js';
-export * from './peek/index.js';
-export * from './popover/index.js';
-export * from './primitives/menus.js';
-export * from './progress/Progress.js';
-export * from './provider/Provider.js';
-export * from './pwaInstall/index.js';
-export * from './quickAction/QuickAction.js';
-export * from './relativeTime/index.js';
-export * from './richEditor/index.js';
-export * from './scrollArea/ScrollArea.js';
-export * from './select/index.js';
-export * from './skeletons/skeletons.js';
-export * from './slider/index.js';
-export * from './spinner/index.js';
-export * from './switch/index.js';
-export * from './tabs/tabs.js';
-export * from './textArea/index.js';
-export * from './toasts/toasts.js';
-export * from './toggleGroup/toggleGroup.js';
-export * from './tooltip/index.js';
-export * from './typography/index.js';
-export * from './utility/HideWhileKeyboardOpen.js';
-export * from './utility/SlotDiv.js';
-export * from './viewport/index.js';

package/dist/esm/components/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAQvD,MAAM,CAAC,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,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,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,4BACC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/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").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").JSX.Element;
-};

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

@@ -1,55 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input as BaseInput, } from '@base-ui/react/input';
-import clsx from 'clsx';
-import { withClassName } from '../../hooks.js';
-import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
-import { GroupScaleReset } from '../../systems/GroupScale.js';
-import { inputInfo } from '../../systems/inputs.js';
-import { PROPS } from '../../uno/index.js';
-export const inputClassName = clsx('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:color-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 = clsx('layer-components:min-w-60px layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:border-thin 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)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:foc-contained', '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(_a) {
-    var { style } = _a, props = __rest(_a, ["style"]);
-    return (_jsx(GroupScaleReset, { children: _jsx("div", Object.assign({}, props, { style: Object.assign({ [PROPS.LOCALS.CORNER_SCALE]: '1', [PROPS.LOCALS.SPACING_SCALE]: '1', [PROPS.USER.SHADOW_SPREAD]: '0' }, style) })) }));
-}
-const InputBorder = 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 (inputInfo.lastPointerDown &&
-            Date.now() - 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 = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    return (_jsx(BaseInput, Object.assign({ placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, onFocus: handleFocus, onValueChange: onValueChange, onBlur: handleBlur, className: clsx(inputClassName, className) }, props)));
-};
-const InputDefault = function InputDefault(_a) {
-    var { className, borderRef, startAccessory, endAccessory } = _a, props = __rest(_a, ["className", "borderRef", "startAccessory", "endAccessory"]);
-    return (_jsxs(InputBorder, { ref: borderRef, className: className, children: [startAccessory, _jsx(InnerInput, Object.assign({}, props)), endAccessory] }));
-};
-export const Input = Object.assign(InputDefault, {
-    Border: InputBorder,
-    Input: InnerInput,
-});
-//# sourceMappingURL=Input.js.map

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

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

package/dist/esm/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").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").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/esm/components/input/Input.stories.js

@@ -1,28 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../box/Box.js';
-import { Button } from '../button/Button.js';
-import { Icon } from '../icon/Icon.js';
-import { Input } from './Input.js';
-const meta = {
-    title: 'Components/Input',
-    component: Input,
-    argTypes: {
-        disabled: { control: 'boolean' },
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {};
-export const ButtonAndInput = {
-    render: (args) => (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Input, Object.assign({ placeholder: "Type something..." }, args)), _jsx(Button, { children: "Submit" })] })),
-};
-export const WithAccessories = {
-    render: (args) => (_jsxs(Input.Border, { children: [_jsx(Icon, { name: "search" }), _jsx(Input.Input, Object.assign({ placeholder: "Search..." }, args)), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "arrowRight" }) })] })),
-};
-export const NestedInBoxes = {
-    render: (args) => (_jsx(Box, { p: true, border: true, rounded: true, children: _jsx(Box, { p: true, border: true, rounded: true, children: _jsx(Input, Object.assign({ placeholder: "Type something..." }, args)) }) })),
-};
-//# sourceMappingURL=Input.stories.js.map

package/dist/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,EACnD,KAAC,MAAM,yBAAgB,IAClB,CACN;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,KAAK,CAAC,MAAM,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,KAAC,KAAK,CAAC,KAAK,kBAAC,WAAW,EAAC,WAAW,IAAK,IAAI,EAAI,EACjD,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,YACvB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAClB,IACK,CACf;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,GAAG,IAAC,CAAC,QAAC,MAAM,QAAC,OAAO,kBACpB,KAAC,GAAG,IAAC,CAAC,QAAC,MAAM,QAAC,OAAO,kBACpB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,GAC9C,GACD,CACN;CACD,CAAC"}

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

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

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

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

package/dist/esm/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").JSX.Element;