@a-type/ui 5.0.22 → 6.0.0

package/dist/platform.js

@@ -0,0 +1,84 @@
+export const PRETEND_PWA = typeof localStorage !== 'undefined' &&
+    localStorage.getItem('pretendPWA') === 'true';
+export const PRETEND_INSTALLABLE = typeof localStorage !== 'undefined' &&
+    localStorage.getItem('pretendInstallable') === 'true';
+export const PRETEND_OS = (typeof localStorage !== 'undefined' && localStorage.getItem('pretendOS')) ||
+    null;
+export function getIsPWAInstalled() {
+    if (typeof window === 'undefined')
+        return false;
+    return PRETEND_PWA || window.matchMedia('(display-mode: standalone)').matches;
+}
+export function getOS() {
+    if (PRETEND_OS) {
+        return PRETEND_OS;
+    }
+    if (typeof window === 'undefined') {
+        return 'Server';
+    }
+    const userAgent = window.navigator.userAgent;
+    const platform = window.navigator.platform;
+    const macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'];
+    const windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'];
+    const iosPlatforms = ['iPhone', 'iPad', 'iPod'];
+    if (macosPlatforms.indexOf(platform) !== -1) {
+        return 'Mac OS';
+    }
+    else if (iosPlatforms.indexOf(platform) !== -1) {
+        return 'iOS';
+    }
+    else if (windowsPlatforms.indexOf(platform) !== -1) {
+        return 'Windows';
+    }
+    else if (/Android/.test(userAgent)) {
+        return 'Android';
+    }
+    else if (!platform && /Linux/.test(userAgent)) {
+        return 'Linux';
+    }
+    return 'Other';
+}
+export function getIsSafari() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const ua = navigator.userAgent.toLowerCase();
+    return !!ua.match(/WebKit/i) && !ua.match(/CriOS/i);
+}
+export function getIsFirefox() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const ua = navigator.userAgent.toLowerCase();
+    return !!ua.match(/Firefox/i);
+}
+export function getIsEdge() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const ua = navigator.userAgent.toLowerCase();
+    return !!ua.match(/Edge/i);
+}
+export function getIsMobile() {
+    return (typeof window !== 'undefined' &&
+        (/Mobi/.test(navigator.userAgent) ||
+            /Android/i.test(navigator.userAgent) ||
+            /iPhone/i.test(navigator.userAgent) ||
+            /iPad/i.test(navigator.userAgent)));
+}
+export function getSupportsPWAInstallPrompt() {
+    if (PRETEND_INSTALLABLE) {
+        return true;
+    }
+    return typeof window !== 'undefined' && 'BeforeInstallPromptEvent' in window;
+}
+let isUsingTouch = false;
+if (typeof window !== 'undefined') {
+    window.addEventListener('touchstart', () => {
+        isUsingTouch = true;
+    });
+}
+export function getIsTouch() {
+    return isUsingTouch;
+}
+//# sourceMappingURL=platform.js.map

package/dist/platform.js.map

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

package/dist/shadows.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    args: {
+        opacity: number;
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<Meta>;
+export declare const Default: Story;

package/dist/shadows.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from './components/index.js';
+const meta = {
+    title: 'System/Shadows',
+    args: {
+        opacity: 0.1,
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs("div", { style: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(4, 1fr)',
+                gap: 'var(--m-spacing-xl)',
+            }, children: [_jsx(Box, { surface: true, border: true, p: true, elevated: "sm", children: "Small Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "md", children: "Medium Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "lg", children: "Large Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "xl", children: "Extra Large Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-sm", children: "Small Inset Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-md", children: "Medium Inset Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-lg", children: "Large Inset Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-xl", children: "Extra Large Inset Shadow" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "sm-up", children: "Small Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "md-up", children: "Medium Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "lg-up", children: "Large Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "xl-up", children: "Extra Large Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-sm-up", children: "Small Inset Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-md-up", children: "Medium Inset Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-lg-up", children: "Large Inset Shadow Up" }), _jsx(Box, { surface: true, border: true, p: true, elevated: "-xl-up", children: "Extra Large Inset Shadow Up" })] }));
+    },
+};
+//# sourceMappingURL=shadows.stories.js.map

package/dist/shadows.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.stories.js","sourceRoot":"","sources":["../src/shadows.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE;QACL,OAAO,EAAE,GAAG;KACZ;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACmC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eACC,KAAK,EAAE;gBACN,OAAO,EAAE,MAAM;gBACf,mBAAmB,EAAE,gBAAgB;gBACrC,GAAG,EAAE,qBAAqB;aAC1B,aAED,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,IAAI,6BAE7B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,IAAI,8BAE7B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,IAAI,6BAE7B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,IAAI,mCAE7B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,KAAK,mCAE9B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,KAAK,oCAE9B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,KAAK,mCAE9B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,KAAK,yCAE9B,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,OAAO,gCAEhC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,OAAO,iCAEhC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,OAAO,gCAEhC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,OAAO,sCAEhC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,QAAQ,sCAEjC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,QAAQ,uCAEjC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,QAAQ,sCAEjC,EACN,KAAC,GAAG,IAAC,OAAO,QAAC,MAAM,QAAC,CAAC,QAAC,QAAQ,EAAC,QAAQ,4CAEjC,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/systems/ValueMonitor.js

@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react';
+export class ValueMonitor extends EventTarget {
+    constructor(initialValue) {
+        super();
+        this.current = initialValue;
+    }
+    set(value) {
+        if (this.current !== value) {
+            this.current = value;
+            this.dispatchEvent(new Event('change'));
+        }
+    }
+    get() {
+        return this.current;
+    }
+}
+export function useValueMonitor(initialValue) {
+    const monitor = useState(() => new ValueMonitor(initialValue))[0];
+    return monitor;
+}
+export function useMonitor(monitor, onChange) {
+    useEffect(() => {
+        const handleChange = () => {
+            onChange(monitor.get());
+        };
+        monitor.addEventListener('change', handleChange);
+        onChange(monitor.get());
+        return () => {
+            monitor.removeEventListener('change', handleChange);
+        };
+    }, [monitor, onChange]);
+}
+//# sourceMappingURL=ValueMonitor.js.map

package/dist/systems/ValueMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueMonitor.js","sourceRoot":"","sources":["../../src/systems/ValueMonitor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,OAAO,YAAgB,SAAQ,WAAW;IAE/C,YAAY,YAAe;QAC1B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;IAC7B,CAAC;IAED,GAAG,CAAC,KAAQ;QACX,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACzC,CAAC;IACF,CAAC;IAED,GAAG;QACF,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;CACD;AAED,MAAM,UAAU,eAAe,CAAI,YAAe;IACjD,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,YAAY,CAAI,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,UAAU,CACzB,OAAwB,EACxB,QAA4B;IAE5B,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjD,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE;YACX,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzB,CAAC"}

package/dist/systems/inputs.js

@@ -0,0 +1,10 @@
+import { proxy } from 'valtio';
+export const inputInfo = proxy({
+    lastPointerDown: null,
+});
+if (typeof window !== 'undefined') {
+    window.addEventListener('pointerdown', () => {
+        inputInfo.lastPointerDown = Date.now();
+    });
+}
+//# sourceMappingURL=inputs.js.map

package/dist/systems/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../src/systems/inputs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC;IAC9B,eAAe,EAAE,IAAqB;CACtC,CAAC,CAAC;AAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3C,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/dist/theme.stories.module.css

@@ -0,0 +1,13 @@
+.grid {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: var(--m-spacing-lg);
+	width: 100%;
+	min-width: 0;
+	flex: 1 0 auto;
+
+	& > * {
+		min-width: 0;
+		width: 100%;
+	}
+}

package/dist/themes.snapshots.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, it } from 'vitest';
+import { page } from 'vitest/browser';
+import { render } from './__tests__/render.js';
+import { DemoUI } from './themes.stories.js';
+it('demo theme ui matches snapshot', async () => {
+    page.viewport(1080, 3000);
+    const result = render(_jsx(DemoUI, {}));
+    await document.fonts.ready;
+    await new Promise((r) => setTimeout(r, 100)); // wait for possible animations
+    await expect(result.getByTestId('demo')).toMatchScreenshot('snapshot');
+});
+//# sourceMappingURL=themes.snapshots.js.map

package/dist/themes.snapshots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.snapshots.js","sourceRoot":"","sources":["../src/themes.snapshots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC;IAClC,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3B,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B;IAC7E,MAAM,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;AACxE,CAAC,CAAC,CAAC"}

package/dist/themes.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+        layout: string;
+    };
+    tags: never[];
+};
+export default meta;
+type Story = StoryObj;
+export declare function DemoUI({ className, style, }: {
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const Nesting: Story;
+export declare const Custom: Story;

package/dist/themes.stories.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { $userColorHue, $userColorSaturation } from './arbor/props.js';
+import { ActionBar, ActionButton } from './components/actions/index.js';
+import { Button } from './components/button/index.js';
+import { Card } from './components/card/index.js';
+import { Icon } from './components/icon/index.js';
+import { AvatarList, Box, Checkbox, ContextMenu, DateRangePicker, Dialog, DropdownMenu, H2, H3, Heading, HorizontalList, ImageUploader, NavBarItem, NavBarItemIcon, NavBarItemIconWrapper, NavBarItemPip, NavBarItemText, NavBarRoot, Note, P, PageContent, PageNav, PageRoot, Progress, Select, Slider, TextSkeleton, ToggleGroup, Tooltip, } from './components/index.js';
+import { Input } from './components/input/index.js';
+import { Tabs } from './components/tabs/tabs.js';
+import { TextArea } from './components/textArea/index.js';
+import cls from './theme.stories.module.css';
+const meta = {
+    title: 'Theme Demo',
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+        layout: 'fullscreen',
+    },
+    tags: [],
+};
+export default meta;
+export function DemoUI({ className, style, }) {
+    const nextWeek = new Date();
+    nextWeek.setDate(nextWeek.getDate() + 7);
+    return (_jsxs(PageRoot, { "data-testid": "demo", className: className, style: style, children: [_jsx(PageContent, { children: _jsxs("div", { className: cls.grid, children: [_jsxs(Box, { gap: true, wrap: true, p: true, children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Button, { className: "@mode-accent", emphasis: "primary", children: "Accent" }), _jsx(Button, { children: "Default" }), _jsx(Button, { className: "@mode-inverted", children: "Contrast" }), _jsx(Button, { className: "@mode-attention", emphasis: "primary", children: "Destructive" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { className: "@mode-accent", emphasis: "ghost", children: "Ghost Accent" }), _jsx(Button, { size: "small", className: "@mode-attention", emphasis: "primary", children: "Destructive Small" }), _jsx(Button, { size: "small", className: "@mode-attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), _jsxs(Box, { gap: true, wrap: true, p: true, items: "start", children: [_jsx(Input, { placeholder: "Placeholder" }), _jsx(TextArea, { placeholder: "Placeholder" }), _jsxs(Box, { d: "row", gap: true, items: "center", children: [_jsx(Checkbox, { defaultChecked: true }), _jsx("span", { children: "Checkbox" })] }), _jsxs(ToggleGroup, { defaultValue: ['1'], children: [_jsx(ToggleGroup.Item, { value: "1", children: "Toggle 1" }), _jsx(ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), _jsxs(Box, { layout: "start safe-center", d: "col", gap: true, p: true, style: { maxHeight: 200 }, overflow: "auto-y", children: [_jsx(Heading, { emphasis: "primary", children: "Heading 1" }), _jsx(Heading, { emphasis: "secondary", children: "Heading 2" }), _jsx(Heading, { emphasis: "ambient", children: "Heading 3" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 })] }), _jsxs(Box, { d: "col", gap: true, children: [_jsxs(Card, { children: [_jsxs(Card.Main, { onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(Card, { children: [_jsxs(Card.Main, { compact: true, onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }), _jsxs(Tabs, { defaultValue: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), _jsx(Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), _jsxs(ActionBar, { children: [_jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Hello"] }), _jsxs(ActionButton, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), "World"] }), _jsx(ActionButton, { children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs(AvatarList, { count: 3, children: [_jsx(AvatarList.Item, { index: 0, name: "John Doe" }), _jsx(AvatarList.Item, { index: 1, name: "Jane Doe" }), _jsx(AvatarList.Item, { index: 2, name: "John Smith" })] }), _jsxs(ContextMenu, { children: [_jsx(ContextMenu.Trigger, { render: _jsx(Tooltip, { content: "Hello World" }), children: _jsx(Button, { children: "Hover or right click" }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Item, { children: "Item 1" }), _jsx(ContextMenu.Item, { children: "Item 2" }), _jsx(ContextMenu.Item, { children: "Item 3" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), style: { margin: 'auto' }, children: "Dropdown" }), _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Item, { children: "Item 1" }), _jsx(DropdownMenu.Item, { children: "Item 2" }), _jsx(DropdownMenu.Item, { children: "Item 3" }), _jsx(DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), _jsx(DropdownMenu.Separator, {}), _jsx(DropdownMenu.Item, { children: "Item 4" }), _jsx(DropdownMenu.Item, { children: "Item 5" }), _jsx(DropdownMenu.Item, { children: "Item 6" }), _jsxs(DropdownMenu.Item, { children: ["With icon", _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "flag" }) })] })] })] }), _jsxs(Select, { value: "1", itemToStringLabel: (i) => `Item ${i}`, children: [_jsx(Select.Trigger, {}), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "1", children: "Item 1" }), _jsx(Select.Item, { value: "2", children: "Item 2" }), _jsx(Select.Item, { value: "3", children: "Item 3" }), _jsx(Select.Item, { value: "4", children: "Item 4" }), _jsx(Select.Item, { value: "5", children: "Item 5" }), _jsx(Select.Item, { value: "6", children: "Item 6" }), _jsx(Select.Item, { value: "7", children: "Item 7" }), _jsx(Select.Item, { value: "8", children: "Item 8" }), _jsx(Select.Item, { value: "9", children: "Item 9" }), _jsx(Select.Item, { value: "10", children: "Item 10" })] })] }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { render: _jsx(Button, {}), children: "Click" }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Hello there" }), _jsx(Dialog.Description, { children: "Im a dialog" }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { children: "Close" }), _jsx(Button, { color: "primary", children: "Action" })] })] })] }), _jsx(DateRangePicker, { style: { gridColumn: 'span 2' }, value: {
+                                start: new Date(),
+                                end: nextWeek,
+                            }, onChange: () => { } }), _jsx(Progress, { value: 50, style: { margin: 'auto' } }), _jsx(Slider, { defaultValue: 50, min: 0, max: 100 }), _jsxs(Box, { surface: "primary", p: true, gap: true, d: "col", children: [_jsx(Heading, { emphasis: "primary", children: "Primary surface" }), _jsx(Heading, { emphasis: "secondary", children: "Primary surface" }), _jsx(Heading, { emphasis: "ambient", children: "Primary surface" }), _jsx("div", { children: "Primary surface" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" })] }), _jsxs(Box, { surface: "primary", color: "accent", p: true, d: "col", style: { maxHeight: 200 }, overflow: "auto-y", children: [_jsx(Heading, { emphasis: "primary", children: "Accent surface" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 }), "Accent surface"] }), _jsx(Box, { surface: "secondary", p: true, d: "col", children: "Secondary surface" }), _jsx(Box, { surface: "ambient", p: true, d: "col", children: "Ambient surface" }), _jsxs(Box, { surface: true, color: "attention", p: true, d: "col", children: [_jsx(H2, { children: "Attention surface" }), _jsx(H3, { children: "Attention surface" }), "Attention surface", _jsx(Button, { emphasis: "ghost", children: "Ghost" })] }), _jsx(Box, { children: _jsx(Note, { children: "Note note" }) }), _jsx(Box, { justify: "start", items: "start", children: _jsxs(HorizontalList, { openDirection: "down", children: [_jsx(Button, { size: "small", children: "One" }), _jsx(Button, { size: "small", children: "Two" }), _jsx(Button, { size: "small", children: "Three" }), _jsx(Button, { size: "small", children: "Four" }), _jsx(Button, { size: "small", children: "Five" }), _jsx(Button, { size: "small", children: "Six" }), _jsx(Button, { size: "small", children: "Seven" }), _jsx(Button, { size: "small", children: "Eight" }), _jsx(Button, { size: "small", children: "Nine" }), _jsx(Button, { size: "small", children: "Ten" }), _jsx(Button, { size: "small", children: "Eleven" })] }) }), _jsx(ImageUploader, { style: { height: 200 }, value: null, onChange: () => { } })] }) }), _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: "neutral", children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" })] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
+}
+export const Nesting = {
+    render() {
+        return (_jsxs(Box, { d: "col", p: true, gap: true, children: [_jsx(Box, { d: "row", gap: true, surface: "primary", children: _jsx(Button, { color: "primary", children: "Root theme" }) }), _jsx(DemoUI, { className: "@mode-eggplant override-dark", style: { flex: 1 } })] }));
+    },
+};
+export const Custom = {
+    render() {
+        const [theme, setTheme] = useState({
+            [$userColorHue]: 70,
+            [$userColorSaturation]: 0.5,
+        });
+        const reroll = () => {
+            setTheme({
+                [$userColorHue]: Math.floor(Math.random() * 360),
+                [$userColorSaturation]: Math.random(),
+            });
+        };
+        return (_jsxs(Box, { d: "col", full: true, gap: true, items: "stretch", style: theme, children: [_jsx(Button, { onClick: reroll, children: "Reroll" }), _jsx(DemoUI, { className: "@mode-user" })] }));
+    },
+};
+//# sourceMappingURL=themes.stories.js.map

package/dist/themes.stories.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "5.0.22",
+  "version": "6.0.0",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"
@@ -14,18 +14,16 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/esm/index.d.ts",
-      "import": "./dist/esm/index.js",
-      "node": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "default": "./dist/cjs/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "node": "./dist/index.js",
+      "default": "./dist/index.js"
     },
-    "./uno-preset": {
-      "types": "./dist/esm/uno/uno.preset.d.ts",
-      "import": "./dist/esm/uno/uno.preset.js",
-      "node": "./dist/esm/uno/uno.preset.js",
-      "require": "./dist/cjs/uno/uno.preset.js",
-      "default": "./dist/cjs/uno/uno.preset.js"
+    "./arbor": {
+      "types": "./dist/arbor/arbor.d.ts",
+      "import": "./dist/arbor/arbor.js",
+      "node": "./dist/arbor/arbor.js",
+      "default": "./dist/arbor/arbor.js"
     },
     "./main.css": {
       "import": "./dist/css/main.css",
@@ -36,51 +34,37 @@
   },
   "peerDependencies": {
     "react": "^19",
-    "react-dom": "^19",
-    "unocss": "^66"
+    "react-dom": "^19"
   },
   "dependencies": {
     "@a-type/utils": "^1.1.9",
-    "@base-ui/react": "^1.4.0",
-    "@emotion/is-prop-valid": "^1.4.0",
-    "@unocss/preset-mini": "66.5.4",
-    "@unocss/preset-wind3": "66.5.4",
+    "@arbor-css/core": "^0.0.127",
+    "@arbor-css/postcss": "^0.0.127",
+    "@base-ui/react": "^1.4.1",
     "@use-gesture/react": "^10.3.1",
     "browser-image-resizer": "^2.4.1",
     "calendar-blocks": "^0.4.0",
     "clsx": "^2.1.1",
-    "csstype": "^3.1.3",
     "date-fns": "^4.1.0",
     "formik": "^2.4.6",
     "frimousse": "^0.2.0",
     "motion": "^12.23.6",
     "pluralize": "^8.0.0",
-    "react-hot-toast": "^2.6.0",
-    "react-is": "^19.1.0",
-    "unocss-preset-completion": "^0.3.0",
     "valtio": "^2.1.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-links": "8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/react": "8.4.7",
-    "@storybook/react-vite": "8.4.7",
-    "@storybook/test": "8.4.7",
+    "@storybook/addon-links": "10.4.0",
+    "@storybook/react-vite": "10.4.0",
     "@testing-library/react": "^16.3.2",
     "@types/dom-chromium-installation-events": "^101.0.4",
+    "@types/node": "^24.13.2",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
     "@types/react-is": "^19.0.0",
     "@types/w3c-image-capture": "^1.0.10",
     "@types/web-app-manifest": "^1.0.9",
-    "@unocss/cli": "66.5.4",
-    "@unocss/core": "66.5.4",
-    "@unocss/eslint-config": "^66.6.0",
-    "@unocss/transformer-variant-group": "66.5.4",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/browser-playwright": "^4.0.18",
     "@vitest/ui": "4.0.18",
@@ -90,6 +74,7 @@
     "dotenv": "^16.3.1",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "10.4.0",
     "fs-extra": "^11.1.1",
     "globals": "^17.0.0",
     "husky": "^9.1.7",
@@ -98,10 +83,10 @@
     "prettier": "^3.0.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "storybook": "8.4.7",
+    "storybook": "10.4.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.53.0",
-    "unocss": "^66.5.4",
+    "typescript-plugin-css-modules": "^5.2.0",
     "vitest": "^4.0.18",
     "vitest-browser-react": "^2.0.4"
   },
@@ -113,9 +98,9 @@
   },
   "scripts": {
     "build:transpile": "tsc",
-    "build:prefix": "node ./scripts/addUnoInclude.js",
-    "build:process": "unocss --write-transformed -o ./dist/css/main.css -m -c uno.config.js \"./dist/**/*.js\"",
-    "build": "pnpm run build:transpile && pnpm run build:prefix && pnpm run build:process",
+    "build:copy": "node --experimental-strip-types ./scripts/copy.ts",
+    "build:arbor": "arbor build -o ./dist/css/arbor.css",
+    "build": "pnpm run build:transpile && pnpm run build:copy && pnpm run build:arbor",
     "prepublish": "pnpm run build",
     "icons": "node ./scripts/generateIcons.js",
     "storybook": "storybook dev -p 6006",
@@ -125,6 +110,7 @@
     "test": "vitest",
     "test:unit": "vitest --project=unit",
     "test:snapshots": "pnpm build && vitest --project=snapshots",
+    "test:arbor": "arbor validate ./src/**/*.css",
     "typecheck": "tsc --noEmit",
     "test:browser": "vitest --config=vitest.browser.config.ts",
     "lint": "eslint **/*.{ts,tsx} --fix"