@a-type/ui 5.0.22 → 6.0.1

package/dist/components/textArea/TextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/components/textArea/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,KAAK,EACJ,mFAAmF;QACpF,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,SAAG,CAAC;IACrE,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC5C,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,CACN,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EACD,QAAQ,SACP,CACF,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/textArea/index.js

@@ -0,0 +1,2 @@
+export * from './TextArea.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/toasts/toasts.js

@@ -0,0 +1,86 @@
+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 { Toast, } from '@base-ui/react/toast';
+import clsx from 'clsx';
+import { Button } from '../button/index.js';
+import { Icon } from '../icon/Icon.js';
+import { Spinner } from '../spinner/Spinner.js';
+import cls from './toasts.module.css';
+export const manager = Toast.createToastManager();
+export const DefaultToastProvider = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (_jsx(Toast.Provider, Object.assign({ toastManager: manager }, rest, { children: children })));
+};
+export function Toaster() {
+    return (_jsx(Toast.Portal, { children: _jsx(Toast.Viewport, { className: cls.toaster, children: _jsx(ToastList, {}) }) }));
+}
+function ToastList() {
+    const { toasts: untypedToasts } = Toast.useToastManager();
+    const toasts = untypedToasts;
+    return toasts.map((toast) => {
+        var _a, _b;
+        return (_jsx(Toast.Root, { toast: toast, swipeDirection: ['up', 'right', 'left'], className: clsx(cls.toast, 
+            // themeing
+            '@mode-inverted', {
+                '@mode-success': toast.type === 'success',
+                '@mode-attention': toast.type === 'error',
+            }, '@mode-dense'), children: _jsxs(Toast.Content, { className: cls.toastContent, children: [_jsx("div", { className: cls.toastMain, children: _jsxs("div", { className: cls.toastMainBody, children: [_jsxs("div", { className: cls.toastMainBodyContent, children: [_jsx(Toast.Title, { className: cls.toastTitle, children: toast.title }), _jsxs("div", { className: cls.toastDescriptionRow, children: [((_a = toast.data) === null || _a === void 0 ? void 0 : _a.loading) ? (_jsx(Spinner, { size: 15, className: cls.icon })) : toast.type === 'success' ? (_jsx(Icon, { name: "check", color: "success", className: cls.icon })) : toast.type === 'error' ? (_jsx(Icon, { name: "warning", color: "attention", className: cls.icon })) : null, _jsx(Toast.Description, { className: cls.toastDescription })] })] }), _jsx(Toast.Close, { className: cls.toastClose, "aria-label": "Close", render: _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "x" }) }) })] }) }), ((_b = toast.data) === null || _b === void 0 ? void 0 : _b.actions) && (_jsx("div", { className: clsx('@mode-denser', cls.toastActions), children: toast.data.actions.toReversed().map((action, index) => (_jsx(Toast.Action, { onClick: action.onClick, render: _jsx(Button, { size: "small", emphasis: action.emphasis, color: action.color }), children: action.label }, index))) }))] }) }, toast.id));
+    });
+}
+function toOptions(messageOrOptions, maybeOptions) {
+    var _a, _b, _c;
+    const description = typeof messageOrOptions === 'string' ? messageOrOptions : undefined;
+    const options = typeof messageOrOptions === 'string' ? maybeOptions : messageOrOptions;
+    const extraOptions = typeof messageOrOptions === 'string' && maybeOptions ? maybeOptions : {};
+    const finalOptions = Object.assign(Object.assign({ description, timeout: (_c = (_b = (_a = options === null || options === void 0 ? void 0 : options.duration) !== null && _a !== void 0 ? _a : extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.duration) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.timeout) !== null && _c !== void 0 ? _c : extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.timeout }, options), extraOptions);
+    return finalOptions;
+}
+function baseToast(messageOrOptions, maybeOptions) {
+    const finalOptions = toOptions(messageOrOptions, maybeOptions);
+    console.log('finalOptions', finalOptions);
+    return manager.add(finalOptions);
+}
+export const toast = Object.assign(baseToast, {
+    success(messageOrOptions, maybeOptions) {
+        return baseToast(messageOrOptions, Object.assign({ type: 'success' }, maybeOptions));
+    },
+    error(messageOrOptions, maybeOptions) {
+        return baseToast(messageOrOptions, Object.assign({ type: 'error' }, maybeOptions));
+    },
+    promise: function (promise, options) {
+        return manager.promise(promise, options);
+    },
+    loading: function (messageOrOptions, maybeOptions) {
+        const id = baseToast(messageOrOptions, Object.assign({ timeout: 0, data: { loading: true } }, maybeOptions));
+        return {
+            id,
+            complete: (messageOrOptions, maybeOptions) => {
+                manager.update(id, toOptions(messageOrOptions, Object.assign(Object.assign({}, maybeOptions), { data: { loading: false } })));
+            },
+        };
+    },
+    update: function (id, messageOrOptions, maybeOptions) {
+        return manager.update(id, toOptions(messageOrOptions, maybeOptions));
+    },
+    close: function (id) {
+        return manager.close(id);
+    },
+    /**
+     * @deprecated use `toast.close` instead
+     */
+    dismiss: function (id) {
+        return manager.close(id);
+    },
+});
+export { Toast };
+//# sourceMappingURL=toasts.js.map

package/dist/components/toasts/toasts.js.map

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

package/dist/components/toasts/toasts.module.css

@@ -0,0 +1,201 @@
+.toaster {
+	pointer-events: none;
+	overflow: clip;
+}
+
+.toast {
+	--gap: var(--m-spacing-sm);
+	--peek: var(--m-spacing-sm);
+	--scale: calc(max(0, 1 - var(--toast-index) * 0.1));
+	--height: var(--toast-frontmost-height, var(--toast-height));
+	--shrink: calc(1 - var(--scale));
+	--offset-y: calc(
+		var(--toast-offset-y) + calc(var(--toast-index) * var(--gap)) +
+			var(--toast-swipe-movement-y)
+	);
+
+	/* basic positioning */
+	position: fixed;
+	left: auto;
+	top: var(--m-spacing-xs);
+	z-index: calc(100000 - var(--toast-index));
+	margin-right: 0;
+	width: 100%;
+	transform-origin: top;
+	/* all toasts copy height of frontmost */
+	height: var(--height);
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--m-spacing-xs);
+
+	/* styling happens in content element */
+
+	/* misc */
+	pointer-events: none;
+	user-select: none;
+
+	/* animation and interaction */
+	transform: translateX(var(--toast-swipe-movement-x))
+		translateY(
+			calc(var(--toast-swipe-movement-y) + var(--toast-index) * var(--peek)) +
+				(var(--shrink) * var(--height))
+		)
+		scale(var(--scale));
+	transition:
+		transform var(--m-duration) var(--m-easing),
+		opacity var(--m-duration) var(--m-easing),
+		height var(--m-duration-short) var(--m-easing);
+
+	&::after {
+		position: absolute;
+		content: '';
+		left: 0;
+		top: 100%;
+		height: --fn-literal(calc(var(--gap) + 1px));
+		width: 100%;
+	}
+
+	&[data-limited] {
+		opacity: 0;
+	}
+	&[data-expanded] {
+		height: var(--toast-height);
+		transform: translateX(var(--toast-swipe-movement-x))
+			translateY(var(--offset-y)) scale(1);
+	}
+
+	&[data-starting-style] {
+		transform: translateY(-150%);
+	}
+	&[data-ending-style] {
+		opacity: 0;
+
+		&[data-swipe-direction='up'] {
+			transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
+		}
+		&[data-swipe-direction='down'] {
+			transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
+		}
+		&[data-swipe-direction='left'] {
+			transform: translateX(calc(var(--toast-swipe-movement-x) - 150%))
+				translateY(var(--offset-y));
+		}
+		&[data-swipe-direction='right'] {
+			transform: translateX(calc(var(--toast-swipe-movement-x) + 150%))
+				translateY(var(--offset-y));
+		}
+	}
+
+	&:focus {
+		outline: none;
+	}
+	&:focus-visible {
+		box-shadow: --fn-focus-ring();
+	}
+}
+
+.toastContent {
+	max-width: 400px;
+	pointer-events: auto;
+	display: flex;
+	flex-direction: column;
+	gap: var(--m-spacing-sm);
+
+	&[data-behind]:not([data-expanded]) {
+		pointer-events: none;
+	}
+}
+
+.toastMain {
+	position: relative;
+	display: flex;
+	flex-direction: row;
+
+	@apply --mx-shadow(var(--m-shadow-md));
+	@apply --mx-surface-secondary;
+
+	padding-inline-start: var(--m-spacing-md);
+	padding-inline-end: var(--m-spacing-sm);
+	padding-block: var(--m-spacing-sm);
+	gap: var(--m-spacing-sm);
+
+	[data-behind]:not([data-expanded]) & {
+		max-height: var(--height);
+		@apply --mx-bg-heavier(2);
+	}
+}
+
+.toastMainBody {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: var(--m-spacing-xs);
+	@apply --mx-fg(inherit);
+
+	transition: opacity var(--m-duration) var(--m-easing);
+
+	/* Hide content when not in front */
+	[data-behind]:not([data-expanded]) & {
+		opacity: 0;
+	}
+
+	[data-expanded] & {
+		opacity: 1;
+	}
+}
+
+.toastMainBodyContent {
+	display: flex;
+	flex-direction: column;
+	gap: var(--m-spacing-xs);
+	@apply --mx-fg(inherit);
+}
+
+.toastTitle {
+	@apply --mx-fg(inherit);
+	@apply --mx-text-secondary;
+	font-weight: var(--m-typography-weight-bold);
+	margin: 0;
+}
+
+.toastDescriptionRow {
+	display: flex;
+	gap: var(--m-spacing-sm);
+}
+
+.icon {
+	position: relative;
+	top: --fn-literal(4px);
+}
+
+.toastDescription {
+	margin: 0;
+	@apply --mx-fg(inherit);
+	@apply --mx-text-ambient;
+}
+
+.toastClose {
+	margin-block-end: auto;
+
+	[data-behind]:not([data-expanded]) & {
+		visibility: hidden;
+	}
+}
+
+.toastActions {
+	margin-inline-start: auto;
+	display: flex;
+	align-items: center;
+	gap: var(--m-spacing-xs);
+
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	font-weight: var(--m-text-ambient-weight);
+
+	transition: opacity var(--m-duration) var(--m-easing);
+
+	[data-behind]:not([data-expanded]) & {
+		opacity: 0;
+	}
+}

package/dist/components/toasts/toasts.stories.d.ts

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

package/dist/components/toasts/toasts.stories.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../box/Box.js';
+import { Button } from '../button/Button.js';
+import { toast } from './toasts.js';
+const meta = {
+    title: 'Components/toasts',
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs(Box, { col: true, gap: true, children: [_jsx(Box, { full: "width", justify: "end", children: _jsx(Button, { children: "Test" }) }), _jsx(Button, { onClick: () => {
+                        toast('This is a default toast! With a lot of text. Enough to wrap around.', {
+                            duration: 120000,
+                        });
+                    }, children: "Show Default Toast" }), _jsx(Button, { className: "@mode-success", emphasis: "light", onClick: () => {
+                        toast.success('This is a success toast!', {
+                            duration: 20000,
+                        });
+                    }, children: "Show Success Toast" }), _jsx(Button, { className: "@mode-attention", emphasis: "light", onClick: () => {
+                        toast.error('This is an error toast!', {
+                            duration: 20000,
+                        });
+                    }, children: "Show Error Toast" }), _jsx(Button, { onClick: () => {
+                        const { complete } = toast.loading('This is a loading toast!');
+                        setTimeout(() => {
+                            complete('Loading complete!', {
+                                duration: 5000,
+                                type: 'success',
+                            });
+                        }, 5000);
+                    }, children: "Show Loading Toast" }), _jsx(Button, { onClick: () => {
+                        toast.promise((async () => {
+                            await new Promise((resolve) => setTimeout(resolve, 3000));
+                        })(), {
+                            loading: 'Promise is loading... This text is longer to test animation of transition',
+                            success: 'Promise resolved!',
+                            error: 'Promise rejected.',
+                        });
+                    }, children: "Show Promise Toast" }), _jsx(Button, { onClick: () => {
+                        toast('This is a toast with actions!', {
+                            timeout: 20000,
+                            data: {
+                                actions: [
+                                    {
+                                        label: 'Retry',
+                                        emphasis: 'primary',
+                                        onClick: () => {
+                                            alert('Retry clicked!');
+                                        },
+                                    },
+                                    {
+                                        label: 'Undo',
+                                        emphasis: 'light',
+                                        onClick: () => {
+                                            alert('Undo clicked!');
+                                        },
+                                    },
+                                ],
+                            },
+                        });
+                    }, children: "Show Toast with Actions" }), _jsx(Button, { onClick: () => {
+                        toast({
+                            title: 'Rich Toast',
+                            description: 'This toast has both a title and a description.',
+                            timeout: 20000,
+                        });
+                    }, children: "Show Rich Toast" }), _jsx(Button, { onClick: () => {
+                        toast({
+                            id: 'unique-toast-id',
+                            title: 'Unique Toast',
+                            description: "This toast has a unique ID. If you click the button multiple times, it won't create multiple toasts, but will update the existing one.",
+                            timeout: 20000,
+                        });
+                    }, children: "Show Unique Toast" })] }));
+    },
+};
+//# sourceMappingURL=toasts.stories.js.map

package/dist/components/toasts/toasts.stories.js.map

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

package/dist/components/toggleGroup/toggleGroup.js

@@ -0,0 +1,10 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroupPrimitive, } from '@base-ui/react/toggle-group';
+import { withClassName } from '../../hooks/withClassName.js';
+import cls from './toggleGroup.module.css';
+const ToggleGroupRoot = withClassName(ToggleGroupPrimitive, cls.root);
+export const ToggleGroupItem = withClassName(TogglePrimitive, cls.item);
+export const ToggleGroup = Object.assign(ToggleGroupRoot, {
+    Item: ToggleGroupItem,
+});
+//# sourceMappingURL=toggleGroup.js.map

package/dist/components/toggleGroup/toggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EACN,WAAW,IAAI,oBAAoB,GAEnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,GAAG,MAAM,0BAA0B,CAAC;AAE3C,MAAM,eAAe,GAAG,aAAa,CAAC,oBAAoB,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AAGxE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}

package/dist/components/toggleGroup/toggleGroup.module.css

@@ -0,0 +1,55 @@
+.root {
+	width: fit-content;
+	display: inline-flex;
+	gap: var(--m-spacing-sm);
+	border-radius: var(--m-radius-lg);
+
+	@apply --mx-bg(--fn-color-faded(var(--m-color-main-light), 20%));
+}
+
+.item {
+	display: flex;
+	cursor: pointer;
+	align-items: center;
+	justify-content: center;
+	white-space: nowrap;
+	transition: all var(--m-duration) var(--m-easing);
+
+	@apply --mx-fg(var(--m-color-neutral-ink));
+
+	padding: var(--m-action-padding);
+
+	@apply --mx-borderColor(transparent);
+	border-radius: var(--m-radius-lg);
+
+	&[data-pressed] {
+		@apply --mx-shadow;
+		--mx-shadow-value: var(--m-shadow-sm);
+		@apply --mx-bg(var(--m-color-main));
+		@apply --mx-borderColor(var(--m-color-neutral-ink));
+	}
+
+	&:not([data-pressed]) {
+		@apply --mx-bg(--fn-color-faded(var(--m-color-neutral), 30%));
+	}
+
+	&:hover:not([data-pressed]) {
+		@apply --mx-bg-lighter(2);
+		--mx-ring-value: --fn-ring(var(--mx-bg-ref), 2px);
+		@apply --mx-borderColor(--fn-color-faded(var(--m-color-main-ink), 20%));
+	}
+
+	&:active:not([data-pressed]) {
+		@apply --mx-bg-lighter(1);
+		--mx-ring-value: --fn-ring(var(--mx-bg-ref), 4px);
+		@apply --mx-borderColor(--fn-color-faded(var(--m-color-main-ink), 30%));
+	}
+
+	&:focus {
+		outline: none;
+	}
+
+	&:focus-visible {
+		--mx-ring-value: --fn-focus-ring();
+	}
+}

package/dist/components/toggleGroup/toggleGroup.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { ToggleGroup } from './toggleGroup.js';
+declare const meta: {
+    title: string;
+    component: import("react").FunctionComponent<import("@base-ui/react").ToggleGroup.Props<string> & import("react").RefAttributes<HTMLDivElement>> & {
+        Item: import("react").FunctionComponent<import("@base-ui/react").Toggle.Props<string> & import("react").RefAttributes<HTMLButtonElement>>;
+    };
+    argTypes: {
+        multiple: {
+            type: "boolean";
+        };
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ToggleGroup>;
+export declare const Default: Story;

package/dist/components/toggleGroup/toggleGroup.stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToggleGroup } from './toggleGroup.js';
+const meta = {
+    title: 'Components/ToggleGroup',
+    component: ToggleGroup,
+    argTypes: {
+        multiple: {
+            type: 'boolean',
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs(ToggleGroup, Object.assign({}, args, { children: [_jsx(ToggleGroup.Item, { children: "Option 1" }), _jsx(ToggleGroup.Item, { children: "Option 2" }), _jsx(ToggleGroup.Item, { children: "Option 3" })] })));
+    },
+};
+//# sourceMappingURL=toggleGroup.stories.js.map

package/dist/components/toggleGroup/toggleGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleGroup.stories.js","sourceRoot":"","sources":["../../../src/components/toggleGroup/toggleGroup.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,IAAI,EAAE,SAAS;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,WAAW,oBAAK,IAAI,eACpB,KAAC,WAAW,CAAC,IAAI,2BAA4B,EAC7C,KAAC,WAAW,CAAC,IAAI,2BAA4B,EAC7C,KAAC,WAAW,CAAC,IAAI,2BAA4B,KAChC,CACd,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,21 @@
+import { TooltipPopupProps, TooltipPositionerProps, Tooltip as TooltipPrimitive, TooltipTriggerProps } from '@base-ui/react/tooltip';
+import { ReactElement, ReactNode } from 'react';
+export type * from '@base-ui/react/tooltip';
+export interface TooltipContentProps extends TooltipPopupProps, Omit<TooltipPositionerProps, 'className' | 'style' | 'render'> {
+    color?: 'contrast' | 'neutral' | 'attention';
+}
+declare function Content({ children, className, color, render, side, sideOffset, align, alignOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const TooltipProvider: import("react").FC<import("@base-ui/react/tooltip").TooltipProviderProps>;
+export interface TooltipProps extends Omit<TooltipTriggerProps, 'content' | 'children'>, Pick<TooltipContentProps, 'side' | 'sideOffset' | 'color'> {
+    content: ReactNode;
+    children?: ReactElement;
+    open?: boolean;
+    disabled?: boolean;
+}
+export declare const Tooltip: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: TooltipProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: TooltipPrimitive.Trigger;
+    Content: typeof Content;
+    createHandle: typeof TooltipPrimitive.createHandle;
+};

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,33 @@
+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 { Tooltip as TooltipPrimitive, } from '@base-ui/react/tooltip';
+import classNames from 'clsx';
+import menuCls from '../primitives/menus.module.css';
+import { ArrowSvg } from '../utility/ArrowSvg.js';
+import cls from './Tooltip.module.css';
+function Content(_a) {
+    var { children, className, color = 'contrast', render, side, sideOffset, align, alignOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["children", "className", "color", "render", "side", "sideOffset", "align", "alignOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: _jsxs(TooltipPrimitive.Popup, Object.assign({ "data-color": color, render: render, className: classNames(cls.popup, '@mode-dense', {
+                    '@mode-attention': color === 'attention',
+                }, className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: menuCls.arrow, children: _jsx(ArrowSvg, {}) })] })) }) }));
+}
+export const TooltipProvider = TooltipPrimitive.Provider;
+export const Tooltip = Object.assign(function Tooltip(_a) {
+    var { ref, content, children, open, disabled, className, sideOffset = 12, side, color } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled", "className", "sideOffset", "side", "color"]);
+    return (_jsxs(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : (_jsx(TooltipPrimitive.Trigger, Object.assign({ ref: ref }, rest, { render: children }))), _jsx(Content, { color: color, side: side, sideOffset: sideOffset, className: className, children: content })] }));
+}, {
+    Trigger: TooltipPrimitive.Trigger,
+    Content,
+    createHandle: TooltipPrimitive.createHandle,
+});
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAGN,OAAO,IAAI,gBAAgB,GAE3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAUvC,SAAS,OAAO,CAAC,EAkBK;QAlBL,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,MAAM,EACN,IAAI,EACJ,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,OAEO,EADlB,KAAK,cAjBQ,wOAkBhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,gBAAgB,CAAC,UAAU,IAC3B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,qBAAqB,EAC5C,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,YAE9B,MAAC,gBAAgB,CAAC,KAAK,gCACV,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CACpB,GAAG,CAAC,KAAK,EACT,aAAa,EACb;oBACC,iBAAiB,EAAE,KAAK,KAAK,WAAW;iBACxC,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,YAC/C,KAAC,QAAQ,KAAG,GACY,KACD,GACI,GACL,CAC1B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAWzD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAahB;QAbgB,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIL,EAHG,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,KAAC,gBAAgB,CAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,MAAM,EAAE,QAAQ,IAAI,CAClE,EACD,KAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,OAAO;IACjC,OAAO;IACP,YAAY,EAAE,gBAAgB,CAAC,YAAY;CAC3C,CACD,CAAC"}