@a-type/ui 5.0.21 → 6.0.0

package/dist/colors.module.css

@@ -0,0 +1,59 @@
+.bgWash {
+	@apply --mx-bg(var(--m-color-main-wash));
+}
+.bgLight {
+	@apply --mx-bg(var(--m-color-main-light));
+}
+.bgMid {
+	@apply --mx-bg(var(--m-color-main));
+}
+.bgHeavy {
+	@apply --mx-bg(var(--m-color-main-heavy));
+}
+.bgInk {
+	@apply --mx-bg(var(--m-color-main-ink));
+}
+
+.bgNeutralInk {
+	@apply --mx-bg(var(--m-color-neutral-ink));
+}
+.bgNeutralPaper {
+	@apply --mx-bg(var(--m-color-neutral-paper));
+}
+.bgNeutralWash {
+	@apply --mx-bg(var(--m-color-neutral-wash));
+}
+
+.rangeLabel {
+	position: absolute;
+	left: 0;
+	top: 0;
+	@apply --mx-fg(var(--m-color-neutral));
+	@apply --mx-bg(var(--m-color-neutral-ink));
+	@apply --mx-bg-faded(50%);
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	font-weight: var(--m-text-ambient-weight);
+	padding: var(--m-spacing-xs);
+	border-radius: var(--m-radius-sm);
+}
+
+.bgLighten1 {
+	@apply --mx-bg-lighter(1);
+}
+.bgLighten2 {
+	@apply --mx-bg-lighter(2);
+}
+.bgDarken1 {
+	@apply --mx-bg-heavier(1);
+}
+.bgDarken2 {
+	@apply --mx-bg-heavier(2);
+}
+
+.bgBetweenMidLight {
+	@apply --mx-bg(--fn-color-between(var(--m-color-main), var(--m-color-main-light)));
+}
+.bgBetweenMidHeavy {
+	@apply --mx-bg(--fn-color-between(var(--m-color-main), var(--m-color-main-heavy)));
+}

package/dist/colors.snapshots.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, it } from 'vitest';
+import { render } from './__tests__/render.js';
+import { Default } from './colors.stories.js';
+it('colors match snapshot', async () => {
+    var _a, _b;
+    const result = render((_b = (_a = Default.render) === null || _a === void 0 ? void 0 : _a.call(Default, {}, {})) !== null && _b !== void 0 ? _b : _jsx("div", { children: "Failed to render" }));
+    await expect(result.baseElement).toMatchScreenshot('snapshot');
+});
+//# sourceMappingURL=colors.snapshots.js.map

package/dist/colors.snapshots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.snapshots.js","sourceRoot":"","sources":["../src/colors.snapshots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;;IACtC,MAAM,MAAM,GAAG,MAAM,CACpB,MAAA,MAAA,OAAO,CAAC,MAAM,wDAAG,EAAE,EAAE,EAAS,CAAC,mCAAI,6CAA2B,CAC9D,CAAC;IACF,MAAM,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAChE,CAAC,CAAC,CAAC"}

package/dist/colors.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    argTypes: {
+        customHue: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+    };
+    args: {
+        customHue: number;
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Modifiers: Story;

package/dist/colors.stories.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { $userColorHue, $userColorSaturation } from './arbor/props.js';
+import cls from './colors.module.css';
+import { Box } from './components/index.js';
+const meta = {
+    title: 'System/Colors',
+    argTypes: {
+        customHue: {
+            control: {
+                type: 'number',
+                min: 0,
+                max: 360,
+            },
+        },
+    },
+    args: {
+        customHue: 0,
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        const style = args.customHue
+            ? {
+                [$userColorHue]: args.customHue,
+                [$userColorSaturation]: '1',
+            }
+            : {};
+        const ranges = (_jsxs(_Fragment, { children: [_jsx(Range, { className: "@mode-user", style: style }), _jsx(Range, { className: "@mode-lemon" }), _jsx(Range, { className: "@mode-leek" }), _jsx(Range, { className: "@mode-tomato" }), _jsx(Range, { className: "@mode-eggplant" }), _jsx(Range, { className: "@mode-blueberry" }), _jsx(Range, { className: "@mode-attention" }), _jsx(Range, { className: "@mode-success" }), _jsx(Range, { className: "@mode-neutral" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: cls.bgNeutralInk }), _jsx(Box, { grow: true, className: cls.bgNeutralWash }), _jsx(Box, { grow: true, className: cls.bgNeutralPaper })] })] }));
+        return (_jsxs(Box, { col: true, children: [_jsx("input", { type: "color", className: "sticky top-0 z-1" }), _jsxs(Box, { full: true, children: [_jsx(Box, { d: "col", grow: true, p: true, surface: "ambient", children: ranges }), _jsx(Box, { d: "col", className: "@mode-dark", surface: "ambient", grow: true, p: true, children: ranges })] })] }));
+    },
+};
+function Swatch({ className, children, style, }) {
+    return (_jsx("div", { className: clsx(className, 'color-contrast'), style: Object.assign({ height: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center', flex: '1' }, style), children: children }));
+}
+function Range({ className, style }) {
+    return (_jsxs(Box, { className: clsx('relative', className), style: style, children: [_jsx(Swatch, { className: cls.bgWash }), _jsx(Swatch, { className: cls.bgLight }), _jsx(Swatch, { className: cls.bgMid }), _jsx(Swatch, { className: cls.bgHeavy }), _jsx(Swatch, { className: cls.bgInk }), _jsx("div", { className: cls.rangeLabel, children: className })] }));
+}
+export const Modifiers = {
+    render(args) {
+        const style = args.customHue
+            ? {
+                [$userColorHue]: args.customHue,
+            }
+            : {};
+        return (_jsxs(Box, { col: true, children: [_jsx(ModifierRange, { className: "@mode-salt" }), _jsx(ModifierRange, { className: "@mode-lemon" }), _jsx(ModifierRange, { className: "@mode-leek" }), _jsx(ModifierRange, { className: "@mode-tomato" }), _jsx(ModifierRange, { className: "@mode-eggplant" }), _jsx(ModifierRange, { className: "@mode-blueberry" }), _jsx(ModifierRange, { style: style, className: "theme" })] }));
+    },
+};
+function ModifierRange({ className, style, }) {
+    return (_jsxs(Box, { className: className, style: style, children: [_jsx(Swatch, { className: cls.bgWash, children: "W" }), _jsx(Swatch, { className: clsx(cls.bgLight, cls.bgLighten2), children: "L+2" }), _jsx(Swatch, { className: cls.bgLight, children: "L" }), _jsx(Swatch, { className: cls.bgBetweenMidLight, children: "B/W" }), _jsx(Swatch, { className: clsx(cls.bgMid, cls.bgLighten2), children: "P+2" }), _jsx(Swatch, { className: clsx(cls.bgMid, cls.bgLighten1), children: "P+1" }), _jsx(Swatch, { className: cls.bgMid, children: "P" }), _jsx(Swatch, { className: clsx(cls.bgMid, cls.bgDarken1), children: "P-1" }), _jsx(Swatch, { className: clsx(cls.bgMid, cls.bgDarken2), children: "P-2" }), _jsx(Swatch, { className: cls.bgBetweenMidHeavy, children: "B/H" }), _jsx(Swatch, { className: cls.bgHeavy, children: "H" }), _jsx(Swatch, { className: clsx(cls.bgHeavy, cls.bgDarken2), children: "H-2" }), _jsx(Swatch, { className: cls.bgInk, children: "I" })] }));
+}
+//# sourceMappingURL=colors.stories.js.map

package/dist/colors.stories.js.map

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

package/dist/components/actions/ActionBar.js

@@ -0,0 +1,21 @@
+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 { Suspense } from 'react';
+import { ScrollArea } from '../scrollArea/ScrollArea.js';
+import cls from './ActionBar.module.css';
+export function ActionBar(_a) {
+    var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
+    return (_jsx(Suspense, { fallback: null, children: _jsx("div", Object.assign({ className: classNames(cls.root, className) }, rest, { children: _jsx(ScrollArea, { disableFades: disableShadow, className: cls.scrollArea, children: _jsx(ScrollArea.Content, { className: classNames(cls.scrollAreaContent), "data-wrap": wrap, children: children }) }) })) }));
+}
+//# sourceMappingURL=ActionBar.js.map

package/dist/components/actions/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,GAAG,MAAM,wBAAwB,CAAC;AASzC,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BAAK,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,cACxD,KAAC,UAAU,IAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,YACjE,KAAC,UAAU,CAAC,OAAO,IAClB,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,iBAAiB,CAAC,eACjC,IAAI,YAEd,QAAQ,GACW,GACT,IACR,GACI,CACX,CAAC;AACH,CAAC"}

package/dist/components/actions/ActionBar.module.css

@@ -0,0 +1,34 @@
+.root {
+	position: relative;
+	height: max-content;
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: flex-start;
+	overflow: clip;
+	transition: height var(--m-duration) var(--m-easing);
+
+	&:empty {
+		height: 0;
+	}
+}
+
+.scrollArea {
+	height: 100%;
+	width: 100%;
+	flex: 1;
+}
+
+.scrollAreaContent {
+	position: relative;
+	height: 100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: flex-start;
+
+	&[data-wrap='true'] {
+		flex-wrap: wrap;
+	}
+}

package/dist/components/actions/ActionBar.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { ActionBar } from './ActionBar.js';
+declare const meta: {
+    title: string;
+    component: typeof ActionBar;
+    argTypes: {};
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ActionBar>;
+export declare const Default: Story;
+export declare const OnBackground: Story;

package/dist/components/actions/ActionBar.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../box/Box.js';
+import { Icon } from '../icon/Icon.js';
+import { ActionBar } from './ActionBar.js';
+import { ActionButton } from './ActionButton.js';
+const meta = {
+    title: 'Components/ActionBar',
+    component: ActionBar,
+    argTypes: {},
+    args: {
+        children: [
+            _jsx(ActionButton, { children: _jsx(Icon, { name: "plus" }) }, "1"),
+            _jsxs(ActionButton, { children: [_jsx(Icon, { name: "pencil" }), "Edit"] }, "2"),
+            _jsxs(ActionButton, { color: "accent", emphasis: "primary", children: [_jsx(Icon, { name: "globe" }), "Publish"] }, "3"),
+            _jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
+            _jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Overflow 2"] }, "4"),
+            _jsxs(ActionButton, { toggled: true, children: [_jsx(Icon, { name: "placeholder" }), "Overflow 3"] }, "5"),
+        ],
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {};
+export const OnBackground = {
+    render: (args) => {
+        return (_jsx(Box, { color: "accent", surface: "primary", overflow: "hidden", children: _jsx(ActionBar, Object.assign({}, args)) }));
+    },
+};
+//# sourceMappingURL=ActionBar.stories.js.map

package/dist/components/actions/ActionBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,KAAC,YAAY,cACZ,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,aACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,OAAO,mBAC5B,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,KAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,YACtD,KAAC,SAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/actions/ActionButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../button/Button.js';
+export type ActionButtonProps = ButtonProps & {
+    visible?: boolean;
+    rootClassName?: string;
+};
+export declare function ActionButton({ children, className, rootClassName, visible, ...rest }: ActionButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/actions/ActionButton.js

@@ -0,0 +1,42 @@
+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, useState } from 'react';
+import { Button } from '../button/Button.js';
+import { CollapsibleContent, CollapsibleRoot } from '../collapsible/index.js';
+import cls from './ActionButton.module.css';
+export function ActionButton(_a) {
+    var { children, className, rootClassName, visible = true } = _a, rest = __rest(_a, ["children", "className", "rootClassName", "visible"]);
+    // this rather convoluted logic is meant to do:
+    // - when button goes invisible, wait for collapse and then
+    //   stop rendering
+    // - when button goes visible, render immediately and
+    //   set collapsible open next frame.
+    const [render, setRender] = useState(visible);
+    useEffect(() => {
+        if (!visible) {
+            const timeout = setTimeout(() => {
+                setRender(visible);
+            }, 300);
+            return () => clearTimeout(timeout);
+        }
+        else {
+            setRender(visible);
+        }
+    }, [visible]);
+    if (!render && !visible) {
+        return null;
+    }
+    return (_jsx(CollapsibleRoot, { className: rootClassName, open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, className: cls.collapse, children: _jsx(Button, Object.assign({ size: "small", disableIconMode: true, className: classNames(cls.button, className) }, rest, { children: children })) }) }));
+}
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/actions/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAO5C,MAAM,UAAU,YAAY,CAAC,EAMT;QANS,EAC5B,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,GAAG,IAAI,OAEK,EADhB,IAAI,cALqB,qDAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,KAAC,eAAe,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YACzE,KAAC,kBAAkB,6BAAiB,SAAS,EAAE,GAAG,CAAC,QAAQ,YAC1D,KAAC,MAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,IACxC,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}

package/dist/components/actions/ActionButton.module.css

@@ -0,0 +1,6 @@
+.button {
+	font-weight: normal;
+}
+.collapse {
+	padding: var(--m-spacing-sm);
+}

package/dist/components/actions/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}

package/dist/components/autocomplete/Autocomplete.d.ts

@@ -0,0 +1,118 @@
+import { Autocomplete as BaseAutocomplete, AutocompleteGroupProps as BaseAutocompleteGroupProps, AutocompleteItemProps as BaseAutocompleteItemProps, AutocompleteListProps as BaseAutocompleteListProps, AutocompletePopupProps as BaseAutocompletePopupProps, AutocompletePositionerProps as BaseAutocompletePositionerProps, AutocompleteRootProps as BaseAutocompleteRootProps } from '@base-ui/react/autocomplete';
+import { ButtonProps } from '@base-ui/react/button';
+import { ComboboxIconProps as BaseAutocompleteIconProps, ComboboxRowProps as BaseAutocompleteRowProps } from '@base-ui/react/combobox';
+import { ReactNode } from 'react';
+import { ChipProps } from '../chip/Chip.js';
+import { ComboboxInputProps } from '../combobox/Combobox.js';
+export interface AutocompleteInputProps extends ComboboxInputProps {
+    ref?: React.Ref<HTMLInputElement>;
+    icon?: ReactNode;
+    disableCaret?: boolean;
+    disableClear?: boolean;
+    children?: ReactNode;
+}
+export declare const AutocompleteIcon: import("react").FunctionComponent<BaseAutocompleteIconProps>;
+export interface AutocompletePopoupProps extends BaseAutocompletePopupProps {
+    positioner?: BaseAutocompletePositionerProps;
+    ref?: React.Ref<HTMLDivElement>;
+    arrow?: boolean;
+}
+export interface AutocompleteItemProps extends BaseAutocompleteItemProps {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface AutocompleteGroupItemProps extends Omit<BaseAutocompleteItemProps, 'render'> {
+    ref?: React.Ref<HTMLDivElement>;
+    replace?: BaseAutocompleteItemProps['render'];
+    render?: ChipProps['render'];
+}
+declare function AutocompleteGroupItem({ className, replace, render, ...props }: AutocompleteGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export type AutocompleteClearProps = ButtonProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+    children?: ReactNode;
+};
+export declare const AutocompleteClear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime").JSX.Element;
+declare function createAutocomplete<TItem>(): ((props: Omit<BaseAutocompleteRootProps<TItem>, "items"> & {
+    items?: readonly TItem[];
+}) => import("react/jsx-runtime").JSX.Element) & {
+    List: (props: Omit<BaseAutocompleteListProps, "children"> & {
+        children?: ReactNode | ((item: TItem, index: number) => ReactNode);
+    }) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ className, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
+    useFilter: typeof import("@base-ui/react/internals/filter").getFilter;
+    Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime").JSX.Element;
+    Empty: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    GroupLabel: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    GroupList: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
+    Row: import("react").FC<BaseAutocompleteRowProps>;
+    Separator: import("react").FunctionComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Clear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime").JSX.Element;
+    Details: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<BaseAutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/autocomplete").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Popup: import("react").FunctionComponent<Omit<BaseAutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Backdrop: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ListItem: ({ className, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
+    GroupItem: typeof AutocompleteGroupItem;
+    Unstyled: typeof BaseAutocomplete;
+};
+declare function createAutocompleteGrouped<TItemGroup extends {
+    items: readonly any[];
+}>(): ((props: Omit<BaseAutocompleteRootProps<TItemGroup["items"][number]>, "items"> & {
+    items: TItemGroup[];
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime").JSX.Element;
+    Item: typeof AutocompleteGroupItem;
+    Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    List: (props: Omit<BaseAutocompleteListProps, "children"> & {
+        children?: ReactNode | ((group: TItemGroup, groupIndex: number) => ReactNode);
+    }) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    GroupLabel: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    GroupList: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
+    Empty: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Row: import("react").FC<BaseAutocompleteRowProps>;
+    useFilter: typeof import("@base-ui/react/internals/filter").getFilter;
+    Separator: import("react").FunctionComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Clear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime").JSX.Element;
+    Details: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<BaseAutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/autocomplete").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Popup: import("react").FunctionComponent<Omit<BaseAutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Backdrop: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ListItem: ({ className, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
+    GroupItem: typeof AutocompleteGroupItem;
+    Unstyled: typeof BaseAutocomplete;
+};
+export declare const Autocomplete: ((props: BaseAutocompleteRootProps<any>) => import("react/jsx-runtime").JSX.Element) & {
+    useFilter: typeof import("@base-ui/react/internals/filter").getFilter;
+    Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime").JSX.Element;
+    Empty: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").FunctionComponent<Omit<BaseAutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: ({ className, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    GroupLabel: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    GroupList: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
+    Row: import("react").FC<BaseAutocompleteRowProps>;
+    Separator: import("react").FunctionComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Clear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime").JSX.Element;
+    Details: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<BaseAutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/autocomplete").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Popup: import("react").FunctionComponent<Omit<BaseAutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Backdrop: import("react").FunctionComponent<Omit<import("@base-ui/react/autocomplete").AutocompleteBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ListItem: ({ className, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
+    GroupItem: typeof AutocompleteGroupItem;
+    Unstyled: typeof BaseAutocomplete;
+    create: typeof createAutocomplete;
+    createGrouped: typeof createAutocompleteGrouped;
+};
+export {};

package/dist/components/autocomplete/Autocomplete.js

@@ -0,0 +1,109 @@
+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 { Autocomplete as BaseAutocomplete, } from '@base-ui/react/autocomplete';
+import clsx from 'clsx';
+import { withClassName } from '../../hooks.js';
+import { Button } from '../button/Button.js';
+import { Chip } from '../chip/Chip.js';
+import { ComboboxComposedInput, ComboboxValueContext, } from '../combobox/Combobox.js';
+import cls from '../combobox/Combobox.module.css';
+import { Icon } from '../icon/Icon.js';
+import menuCls from '../primitives/menus.module.css';
+import { ArrowSvg } from '../utility/ArrowSvg.js';
+import { SlotDiv } from '../utility/SlotDiv.js';
+const AutocompleteRoot = (props) => {
+    return (_jsx(ComboboxValueContext.Provider, { value: props.value || null, children: _jsx(BaseAutocomplete.Root, Object.assign({}, props)) }));
+};
+const AutocompleteInput = (_a) => {
+    var { disableCaret, icon, children, disableClear } = _a, outerProps = __rest(_a, ["disableCaret", "icon", "children", "disableClear"]);
+    return (_jsx(BaseAutocomplete.Input, Object.assign({ render: (props, state) => (_jsx(ComboboxComposedInput, Object.assign({}, props, { open: state.open, disableCaret: disableCaret, disableClear: disableClear, icon: icon, children: children }))) }, outerProps)));
+};
+export const AutocompleteIcon = withClassName((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseAutocomplete.Icon, Object.assign({}, props, { className: clsx(cls.icon, className), children: _jsx(Icon, { name: "chevron" }) })));
+});
+const AutocompletePopup = withClassName(BaseAutocomplete.Popup, cls.popup);
+const AutocompleteBackdrop = withClassName(BaseAutocomplete.Backdrop, cls.backdrop);
+const AutocompleteArrow = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseAutocomplete.Arrow, Object.assign({}, props, { className: clsx(menuCls.arrow, className), children: _jsx(ArrowSvg, {}) })));
+};
+const AutocompleteContent = (_a) => {
+    var { positioner, arrow, children } = _a, props = __rest(_a, ["positioner", "arrow", "children"]);
+    return (_jsxs(BaseAutocomplete.Portal, { children: [_jsx(AutocompleteBackdrop, {}), _jsx(BaseAutocomplete.Positioner, Object.assign({ sideOffset: 8 }, positioner, { children: _jsxs(AutocompletePopup, Object.assign({ className: menuCls.popup }, props, { children: [arrow && _jsx(AutocompleteArrow, {}), children] })) }))] }));
+};
+const AutocompleteList = withClassName(BaseAutocomplete.List, cls.list);
+const AutocompleteEmpty = withClassName(BaseAutocomplete.Empty, cls.empty);
+const AutocompleteItem = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseAutocomplete.Item, Object.assign({ className: clsx(menuCls.item, className) }, props)));
+};
+const AutocompleteGroup = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseAutocomplete.Group, Object.assign({}, props, { className: clsx(cls.group, className) })));
+};
+const AutocompleteGroupItemList = withClassName(SlotDiv, cls.groupItemList);
+const AutocompleteGroupLabel = withClassName(BaseAutocomplete.GroupLabel, cls.groupLabel);
+const AutocompleteRow = withClassName(BaseAutocomplete.Row, cls.row);
+const AutocompleteSeparator = withClassName(BaseAutocomplete.Separator, menuCls.separator);
+const AutocompleteDetails = withClassName('div', cls.details);
+function AutocompleteGroupItem(_a) {
+    var { className, replace, render } = _a, props = __rest(_a, ["className", "replace", "render"]);
+    return (_jsx(BaseAutocomplete.Item, Object.assign({ render: replace !== null && replace !== void 0 ? replace : _jsx(Button, { render: _jsx(Chip, { render: render }) }) }, props, { className: clsx(cls.groupItem, className) })));
+}
+export const AutocompleteClear = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(BaseAutocomplete.Clear, Object.assign({ render: _jsx(Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Icon, { name: "x" }) })));
+};
+const baseSubComponents = {
+    useFilter: BaseAutocomplete.useFilter,
+    Input: AutocompleteInput,
+    Content: AutocompleteContent,
+    Empty: AutocompleteEmpty,
+    List: AutocompleteList,
+    Item: AutocompleteItem,
+    Group: AutocompleteGroup,
+    GroupLabel: AutocompleteGroupLabel,
+    GroupList: AutocompleteGroupItemList,
+    Row: AutocompleteRow,
+    Separator: AutocompleteSeparator,
+    Clear: AutocompleteClear,
+    Details: AutocompleteDetails,
+    Positioner: BaseAutocomplete.Positioner,
+    Portal: BaseAutocomplete.Portal,
+    Popup: AutocompletePopup,
+    Backdrop: AutocompleteBackdrop,
+    ListItem: AutocompleteItem,
+    GroupItem: AutocompleteGroupItem,
+    Unstyled: BaseAutocomplete,
+};
+function createAutocomplete() {
+    function TypedRoot(props) {
+        return _jsx(AutocompleteRoot, Object.assign({}, props));
+    }
+    function TypedList(props) {
+        return _jsx(AutocompleteList, Object.assign({}, props));
+    }
+    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { List: TypedList, Item: AutocompleteItem }));
+}
+function createAutocompleteGrouped() {
+    function TypedRoot(props) {
+        return _jsx(AutocompleteRoot, Object.assign({}, props));
+    }
+    function TypedList(props) {
+        return _jsx(AutocompleteList, Object.assign({}, props));
+    }
+    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { Content: AutocompleteContent, Item: AutocompleteGroupItem, Input: AutocompleteInput, List: TypedList, Group: AutocompleteGroup, GroupLabel: AutocompleteGroupLabel, GroupList: AutocompleteGroupItemList, Empty: AutocompleteEmpty, Row: AutocompleteRow }));
+}
+export const Autocomplete = Object.assign(AutocompleteRoot, Object.assign({ create: createAutocomplete, createGrouped: createAutocompleteGrouped }, baseSubComponents));
+//# sourceMappingURL=Autocomplete.js.map

package/dist/components/autocomplete/Autocomplete.js.map

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