@panneau/ui 5.0.0-alpha.0 → 5.0.0-alpha.2

package/dist/toast/Toast.js

@@ -2,6 +2,7 @@ import { cx } from "../utils/cx.js";
 import { Icon } from "../icon/Icon.js";
 import { messages } from "../intl/messages.js";
 import { usePanneauIntl } from "../intl/usePanneauIntl.js";
+import { toneClass } from "../theme/toneClass.js";
 import { Button as Button$1 } from "../button/Button.js";
 import Toast_module_default from "./Toast.module.js";
 import { IconButton } from "../icon-button/IconButton.js";
@@ -58,7 +59,7 @@ function ToastProvider(t0) {
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== regionClassName) {
-		t3 = cx(regionClassName, Toast_module_default.region);
+		t3 = cx("panneau-toast-region", regionClassName, Toast_module_default.region);
 		$[4] = regionClassName;
 		$[5] = t3;
 	} else t3 = $[5];
@@ -67,11 +68,11 @@ function ToastProvider(t0) {
 		t4 = (t5) => {
 			const { toast } = t5;
 			const tone = toast.content.tone ?? "neutral";
-			const icon = TONE_ICONS[tone];
+			const icon = TONE_ICONS[tone] ?? null;
 			const { action } = toast.content;
 			return /* @__PURE__ */ jsxs(UNSTABLE_Toast, {
 				toast,
-				className: cx(Toast_module_default.toast, Toast_module_default[tone]),
+				className: cx("panneau-toast", Toast_module_default.toast, toneClass(tone), tone !== "neutral" && Toast_module_default.toned),
 				children: [
 					icon !== null ? /* @__PURE__ */ jsx(Icon, {
 						icon,

package/dist/toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["toast","icon","X","queue","toasts","children","_c","styles","AriaToast","AriaToastContent","Button","AriaToastRegion","AriaToastQueue"],"sources":["../../src/toast/Toast.tsx"],"sourcesContent":["import { CircleAlert, CircleCheck, Info, TriangleAlert, X } from 'lucide-react';\nimport { type ReactNode, createContext, use, useState } from 'react';\nimport {\n    UNSTABLE_Toast as AriaToast,\n    UNSTABLE_ToastContent as AriaToastContent,\n    UNSTABLE_ToastQueue as AriaToastQueue,\n    UNSTABLE_ToastRegion as AriaToastRegion,\n    Text,\n} from 'react-aria-components';\n\nimport { Button } from '../button/Button';\nimport { IconButton } from '../icon-button/IconButton';\nimport { Icon, type IconComponent } from '../icon/Icon';\nimport { messages } from '../intl/messages';\nimport { usePanneauIntl } from '../intl/usePanneauIntl';\nimport { cx } from '../utils/cx';\nimport styles from './Toast.module.css';\n\nexport type ToastTone = 'neutral' | 'success' | 'danger' | 'warning' | 'info';\n\n/** What a toast says. */\nexport interface ToastContent {\n    title: string;\n    description?: string;\n    /** Defaults to `neutral`. */\n    tone?: ToastTone;\n    /** A button in the toast, such as \"Retry\" or \"Undo\". The toast closes when it is pressed. */\n    action?: { label: string; onAction: () => void };\n}\n\nexport interface ToastOptions {\n    /**\n     * Milliseconds before the toast closes by itself. Defaults to 5000, and to no timeout for\n     * toasts with an action, which users must have time to reach.\n     */\n    timeout?: number | null;\n    onClose?: () => void;\n}\n\nexport interface Toasts {\n    /** Shows a toast. Returns its key. */\n    show(content: ToastContent, options?: ToastOptions): string;\n    /** Closes a toast by key. */\n    close(key: string): void;\n}\n\nconst TONE_ICONS: Record<ToastTone, IconComponent | null> = {\n    neutral: null,\n    success: CircleCheck,\n    danger: CircleAlert,\n    warning: TriangleAlert,\n    info: Info,\n};\n\nconst ToastContext = createContext<Toasts | null>(null);\n\n/** Shows toasts in the closest `PanneauRoot`. */\nexport function useToast(): Toasts {\n    const toasts = use(ToastContext);\n    if (toasts === null) {\n        throw new Error('useToast() must be used inside <PanneauRoot>.');\n    }\n    return toasts;\n}\n\nexport interface ToastProviderProps {\n    children?: ReactNode;\n    /** Class names that give the region its tokens, since it renders in the body. */\n    regionClassName?: string;\n    regionProps?: Record<`data-${string}`, string | undefined>;\n}\n\n/** Holds the toasts of a `PanneauRoot` and renders them in an accessible region. */\nexport function ToastProvider({ children, regionClassName, regionProps }: ToastProviderProps) {\n    const intl = usePanneauIntl();\n    const [queue] = useState(() => new AriaToastQueue<ToastContent>({ maxVisibleToasts: 5 }));\n    const [toasts] = useState<Toasts>(() => ({\n        show(content, { timeout, onClose } = {}) {\n            const delay = timeout === undefined ? (content.action ? null : 5000) : timeout;\n            return queue.add(content, {\n                ...(delay !== null ? { timeout: delay } : {}),\n                ...(onClose !== undefined ? { onClose } : {}),\n            });\n        },\n        close(key) {\n            queue.close(key);\n        },\n    }));\n    return (\n        <ToastContext value={toasts}>\n            {children}\n            <AriaToastRegion\n                queue={queue}\n                aria-label={intl.formatMessage(messages.notifications)}\n                className={cx(regionClassName, styles.region)}\n                {...regionProps}\n            >\n                {({ toast }) => {\n                    const tone = toast.content.tone ?? 'neutral';\n                    const icon = TONE_ICONS[tone];\n                    const { action } = toast.content;\n                    return (\n                        <AriaToast toast={toast} className={cx(styles.toast, styles[tone])}>\n                            {icon !== null ? (\n                                <Icon icon={icon} size=\"lg\" className={styles.icon} />\n                            ) : null}\n                            <AriaToastContent className={styles.content}>\n                                <Text slot=\"title\" className={styles.title}>\n                                    {toast.content.title}\n                                </Text>\n                                {toast.content.description !== undefined ? (\n                                    <Text slot=\"description\" className={styles.description}>\n                                        {toast.content.description}\n                                    </Text>\n                                ) : null}\n                            </AriaToastContent>\n                            <div className={styles.actions}>\n                                {action !== undefined ? (\n                                    <Button\n                                        size=\"sm\"\n                                        onPress={() => {\n                                            action.onAction();\n                                            queue.close(toast.key);\n                                        }}\n                                    >\n                                        {action.label}\n                                    </Button>\n                                ) : null}\n                                <IconButton\n                                    slot=\"close\"\n                                    icon={X}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.close)}\n                                    showTooltip={false}\n                                />\n                            </div>\n                        </AriaToast>\n                    );\n                }}\n            </AriaToastRegion>\n        </ToastContext>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["toast","icon","X","queue","toasts","children","_c","styles","AriaToast","AriaToastContent","Button","AriaToastRegion","AriaToastQueue"],"sources":["../../src/toast/Toast.tsx"],"sourcesContent":["import { CircleAlert, CircleCheck, Info, TriangleAlert, X } from 'lucide-react';\nimport { type ReactNode, createContext, use, useState } from 'react';\nimport {\n    UNSTABLE_Toast as AriaToast,\n    UNSTABLE_ToastContent as AriaToastContent,\n    UNSTABLE_ToastQueue as AriaToastQueue,\n    UNSTABLE_ToastRegion as AriaToastRegion,\n    Text,\n} from 'react-aria-components';\n\nimport { Button } from '../button/Button';\nimport { IconButton } from '../icon-button/IconButton';\nimport { Icon, type IconComponent } from '../icon/Icon';\nimport { messages } from '../intl/messages';\nimport { usePanneauIntl } from '../intl/usePanneauIntl';\nimport { toneClass } from '../theme/toneClass';\nimport type { Tone } from '../theme/tones';\nimport { cx } from '../utils/cx';\nimport styles from './Toast.module.css';\n\n/** @deprecated Use `Tone`. */\nexport type ToastTone = Tone;\n\n/** What a toast says. */\nexport interface ToastContent {\n    title: string;\n    description?: string;\n    /** Defaults to `neutral`. Any tone other than neutral colors the edge and the icon. */\n    tone?: Tone;\n    /** A button in the toast, such as \"Retry\" or \"Undo\". The toast closes when it is pressed. */\n    action?: { label: string; onAction: () => void };\n}\n\nexport interface ToastOptions {\n    /**\n     * Milliseconds before the toast closes by itself. Defaults to 5000, and to no timeout for\n     * toasts with an action, which users must have time to reach.\n     */\n    timeout?: number | null;\n    onClose?: () => void;\n}\n\nexport interface Toasts {\n    /** Shows a toast. Returns its key. */\n    show(content: ToastContent, options?: ToastOptions): string;\n    /** Closes a toast by key. */\n    close(key: string): void;\n}\n\nconst TONE_ICONS: Partial<Record<Tone, IconComponent | null>> = {\n    neutral: null,\n    success: CircleCheck,\n    danger: CircleAlert,\n    warning: TriangleAlert,\n    info: Info,\n};\n\nconst ToastContext = createContext<Toasts | null>(null);\n\n/** Shows toasts in the closest `PanneauRoot`. */\nexport function useToast(): Toasts {\n    const toasts = use(ToastContext);\n    if (toasts === null) {\n        throw new Error('useToast() must be used inside <PanneauRoot>.');\n    }\n    return toasts;\n}\n\nexport interface ToastProviderProps {\n    children?: ReactNode;\n    /** Class names that give the region its tokens, since it renders in the body. */\n    regionClassName?: string;\n    regionProps?: Record<`data-${string}`, string | undefined>;\n}\n\n/** Holds the toasts of a `PanneauRoot` and renders them in an accessible region. */\nexport function ToastProvider({ children, regionClassName, regionProps }: ToastProviderProps) {\n    const intl = usePanneauIntl();\n    const [queue] = useState(() => new AriaToastQueue<ToastContent>({ maxVisibleToasts: 5 }));\n    const [toasts] = useState<Toasts>(() => ({\n        show(content, { timeout, onClose } = {}) {\n            const delay = timeout === undefined ? (content.action ? null : 5000) : timeout;\n            return queue.add(content, {\n                ...(delay !== null ? { timeout: delay } : {}),\n                ...(onClose !== undefined ? { onClose } : {}),\n            });\n        },\n        close(key) {\n            queue.close(key);\n        },\n    }));\n    return (\n        <ToastContext value={toasts}>\n            {children}\n            <AriaToastRegion\n                queue={queue}\n                aria-label={intl.formatMessage(messages.notifications)}\n                className={cx('panneau-toast-region', regionClassName, styles.region)}\n                {...regionProps}\n            >\n                {({ toast }) => {\n                    const tone = toast.content.tone ?? 'neutral';\n                    const icon = TONE_ICONS[tone] ?? null;\n                    const { action } = toast.content;\n                    return (\n                        <AriaToast\n                            toast={toast}\n                            className={cx(\n                                'panneau-toast',\n                                styles.toast,\n                                toneClass(tone),\n                                tone !== 'neutral' && styles.toned,\n                            )}\n                        >\n                            {icon !== null ? (\n                                <Icon icon={icon} size=\"lg\" className={styles.icon} />\n                            ) : null}\n                            <AriaToastContent className={styles.content}>\n                                <Text slot=\"title\" className={styles.title}>\n                                    {toast.content.title}\n                                </Text>\n                                {toast.content.description !== undefined ? (\n                                    <Text slot=\"description\" className={styles.description}>\n                                        {toast.content.description}\n                                    </Text>\n                                ) : null}\n                            </AriaToastContent>\n                            <div className={styles.actions}>\n                                {action !== undefined ? (\n                                    <Button\n                                        size=\"sm\"\n                                        onPress={() => {\n                                            action.onAction();\n                                            queue.close(toast.key);\n                                        }}\n                                    >\n                                        {action.label}\n                                    </Button>\n                                ) : null}\n                                <IconButton\n                                    slot=\"close\"\n                                    icon={X}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.close)}\n                                    showTooltip={false}\n                                />\n                            </div>\n                        </AriaToast>\n                    );\n                }}\n            </AriaToastRegion>\n        </ToastContext>\n    );\n}\n"],"mappings":"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"}

package/dist/toast/Toast.module.js

@@ -1,30 +1,24 @@
 import "./Toast.css";
 //#region src/toast/Toast.module.css
-var region = "panneau-region-wzx1vG";
-var toast = "panneau-toast-zcR9rJ";
-var success = "panneau-success-bKO-t0";
-var danger = "panneau-danger-xAgJYb";
-var warning = "panneau-warning-8eqKky";
-var info = "panneau-info-3p-uFF";
-var icon = "panneau-icon-xCysks";
-var content = "panneau-content-oL01to";
-var title = "panneau-title-ZUmw4H";
-var description = "panneau-description-bQFVpf";
-var actions = "panneau-actions-4GKOfg";
+var region = "panneau-toast-region";
+var toast = "panneau-toast";
+var icon = "panneau-toast-icon";
+var toned = "panneau-toast-toned";
+var content = "panneau-toast-content";
+var title = "panneau-toast-title";
+var description = "panneau-toast-description";
+var actions = "panneau-toast-actions";
 var Toast_module_default = {
 	region,
 	toast,
-	success,
-	danger,
-	warning,
-	info,
 	icon,
+	toned,
 	content,
 	title,
 	description,
 	actions
 };
 //#endregion
-export { actions, content, danger, Toast_module_default as default, description, icon, info, region, success, title, toast, warning };
+export { actions, content, Toast_module_default as default, description, icon, region, title, toast, toned };
 
 //# sourceMappingURL=Toast.module.js.map

package/dist/toast/Toast.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.js","names":[],"sources":["../../src/toast/Toast.module.css"],"sourcesContent":["/* The region carries the root's class (tokens), since React Aria renders it in the body. */\n.region.region {\n    position: fixed;\n    inset-block-end: var(--panneau-space-4);\n    inset-inline-end: var(--panneau-space-4);\n    z-index: var(--panneau-z-toast);\n    display: flex;\n    flex-direction: column-reverse;\n    gap: var(--panneau-space-2);\n    width: min(24rem, calc(100vw - 2 * var(--panneau-space-4)));\n    background: transparent;\n    outline: none;\n}\n\n.region[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 4px;\n}\n\n@media (max-width: 30rem) {\n    .region.region {\n        inset-inline: var(--panneau-space-2);\n        inset-block-end: var(--panneau-space-2);\n        width: auto;\n    }\n}\n\n.toast {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--panneau-space-3);\n    padding: var(--panneau-space-3) var(--panneau-space-3) var(--panneau-space-3)\n        var(--panneau-space-4);\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-color-surface-raised);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-inline-start-width: 4px;\n    border-radius: var(--panneau-radius-lg);\n    box-shadow: var(--panneau-shadow-lg);\n    outline: none;\n}\n\n.toast[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.success {\n    border-inline-start-color: var(--panneau-color-success);\n}\n\n.danger {\n    border-inline-start-color: var(--panneau-color-danger);\n}\n\n.warning {\n    border-inline-start-color: var(--panneau-color-warning);\n}\n\n.info {\n    border-inline-start-color: var(--panneau-color-info);\n}\n\n.icon {\n    margin-top: 0.125rem;\n}\n\n.success .icon {\n    color: var(--panneau-color-success);\n}\n\n.danger .icon {\n    color: var(--panneau-color-danger);\n}\n\n.warning .icon {\n    color: var(--panneau-color-warning);\n}\n\n.info .icon {\n    color: var(--panneau-color-info);\n}\n\n.content {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n    min-width: 0;\n    padding-top: 0.125rem;\n}\n\n.title {\n    font-weight: var(--panneau-font-weight-medium);\n    overflow-wrap: anywhere;\n}\n\n.description {\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n    overflow-wrap: anywhere;\n}\n\n.actions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--panneau-space-1);\n}\n"],"mappings":""}
+{"version":3,"file":"Toast.module.js","names":[],"sources":["../../src/toast/Toast.module.css"],"sourcesContent":["/* The region carries the root's class (tokens), since React Aria renders it in the body. */\n.region.region {\n    position: fixed;\n    inset-block-end: var(--panneau-space-4);\n    inset-inline-end: var(--panneau-space-4);\n    z-index: var(--panneau-z-toast);\n    display: flex;\n    flex-direction: column-reverse;\n    gap: var(--panneau-space-2);\n    width: min(var(--panneau-toast-width, 24rem), calc(100vw - 2 * var(--panneau-space-4)));\n    background: transparent;\n    outline: none;\n}\n\n.region[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 4px;\n}\n\n@media (max-width: 30rem) {\n    .region.region {\n        inset-inline: var(--panneau-space-2);\n        inset-block-end: var(--panneau-space-2);\n        width: auto;\n    }\n}\n\n.toast {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--panneau-space-3);\n    padding: var(--panneau-space-3) var(--panneau-space-3) var(--panneau-space-3)\n        var(--panneau-space-4);\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-toast-bg, var(--panneau-color-surface-raised));\n    border: var(--panneau-border-width) solid\n        var(--panneau-toast-border-color, var(--panneau-color-border));\n    border-inline-start-width: var(--panneau-toast-tone-width, 4px);\n    border-radius: var(--panneau-toast-radius, var(--panneau-radius-lg));\n    box-shadow: var(--panneau-toast-shadow, var(--panneau-shadow-lg));\n    outline: none;\n}\n\n.toast[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.icon {\n    margin-top: 0.125rem;\n}\n\n/* A toast with a tone other than neutral: a colored edge and icon, from its tone class. */\n.toned {\n    border-inline-start-color: var(--panneau-tone-text);\n}\n\n.toned .icon {\n    color: var(--panneau-tone-text);\n}\n\n.content {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n    min-width: 0;\n    padding-top: 0.125rem;\n}\n\n.title {\n    font-weight: var(--panneau-font-weight-medium);\n    overflow-wrap: anywhere;\n}\n\n.description {\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n    overflow-wrap: anywhere;\n}\n\n.actions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--panneau-space-1);\n}\n"],"mappings":""}

package/dist/toast/tokens.d.ts

@@ -0,0 +1,3 @@
+/** Tokens of Toast. */
+export declare const toastTokens: import("..").ComponentTokens<"toast", "panneau-toast-width" | "panneau-toast-radius" | "panneau-toast-bg" | "panneau-toast-border-color" | "panneau-toast-shadow" | "panneau-toast-tone-width">;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/toast/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/toast/tokens.ts"],"names":[],"mappings":"AAEA,uBAAuB;AACvB,eAAO,MAAM,WAAW,iMAatB,CAAC"}

package/dist/toast/tokens.js

@@ -0,0 +1,21 @@
+import { defineComponentTokens } from "../theme/componentTokens.js";
+//#region src/toast/tokens.ts
+/** Tokens of Toast. */
+var toastTokens = defineComponentTokens("toast", {
+	/** Width of the toasts. */
+	width: "24rem",
+	/** Background. */
+	bg: "var(--panneau-color-surface-raised)",
+	/** Border color. */
+	"border-color": "var(--panneau-color-border)",
+	/** Width of the colored edge of a toast with a tone. */
+	"tone-width": "4px",
+	/** Corner radius. */
+	radius: "var(--panneau-radius-lg)",
+	/** Shadow. */
+	shadow: "var(--panneau-shadow-lg)"
+});
+//#endregion
+export { toastTokens };
+
+//# sourceMappingURL=tokens.js.map

package/dist/toast/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":[],"sources":["../../src/toast/tokens.ts"],"sourcesContent":["import { defineComponentTokens } from '../theme/componentTokens';\n\n/** Tokens of Toast. */\nexport const toastTokens = defineComponentTokens('toast', {\n    /** Width of the toasts. */\n    width: '24rem',\n    /** Background. */\n    bg: 'var(--panneau-color-surface-raised)',\n    /** Border color. */\n    'border-color': 'var(--panneau-color-border)',\n    /** Width of the colored edge of a toast with a tone. */\n    'tone-width': '4px',\n    /** Corner radius. */\n    radius: 'var(--panneau-radius-lg)',\n    /** Shadow. */\n    shadow: 'var(--panneau-shadow-lg)',\n});\n"],"mappings":";;;AAGA,IAAa,cAAc,sBAAsB,SAAS;;CAEtD,OAAO;;CAEP,IAAI;;CAEJ,gBAAgB;;CAEhB,cAAc;;CAEd,QAAQ;;CAER,QAAQ;AACZ,CAAC"}

package/dist/tooltip/Tooltip.css

@@ -1,24 +1,25 @@
-.panneau-tooltip--CWkTN {
+.panneau-tooltip {
     max-width: min(20rem, calc(100vw - 2 * var(--panneau-space-4)));
-    padding: var(--panneau-space-1) var(--panneau-space-2);
-    font-size: var(--panneau-font-size-sm);
+    padding: var(--panneau-tooltip-padding-y, var(--panneau-space-1))
+        var(--panneau-tooltip-padding-x, var(--panneau-space-2));
+    font-size: var(--panneau-tooltip-font-size, var(--panneau-font-size-sm));
     line-height: var(--panneau-line-height-tight);
-    color: var(--panneau-color-bg);
-    background-color: var(--panneau-color-text);
-    border-radius: var(--panneau-radius-sm);
+    color: var(--panneau-tooltip-color, var(--panneau-color-bg));
+    background-color: var(--panneau-tooltip-bg, var(--panneau-color-text));
+    border-radius: var(--panneau-tooltip-radius, var(--panneau-radius-sm));
     box-shadow: var(--panneau-shadow-md);
     z-index: var(--panneau-z-overlay);
 }
 
-.panneau-tooltip--CWkTN[data-entering] {
-    animation: panneau-fade--CCbVC var(--panneau-duration);
+.panneau-tooltip[data-entering] {
+    animation: panneau-tooltip-fade var(--panneau-duration);
 }
 
-.panneau-tooltip--CWkTN[data-exiting] {
-    animation: panneau-fade--CCbVC var(--panneau-duration) reverse ease-in;
+.panneau-tooltip[data-exiting] {
+    animation: panneau-tooltip-fade var(--panneau-duration) reverse ease-in;
 }
 
-@keyframes panneau-fade--CCbVC {
+@keyframes panneau-tooltip-fade {
     from {
         opacity: 0;
     }

package/dist/tooltip/Tooltip.js

@@ -17,7 +17,7 @@ function Tooltip$1({ content, children, placement = "top", delay = 600, isDisabl
 		children: [children, /* @__PURE__ */ jsx(Tooltip, {
 			placement,
 			offset: 6,
-			className: cx(Tooltip_module_default.tooltip, className),
+			className: cx("panneau-tooltip", Tooltip_module_default.tooltip, className),
 			UNSTABLE_portalContainer: container,
 			children: content
 		})]

package/dist/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","AriaTooltip","styles"],"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport {\n    Tooltip as AriaTooltip,\n    type TooltipProps as AriaTooltipProps,\n    TooltipTrigger,\n} from 'react-aria-components';\n\nimport { usePortalContainer } from '../root/PanneauRoot';\nimport { cx } from '../utils/cx';\nimport styles from './Tooltip.module.css';\n\nexport interface TooltipProps {\n    /** Content of the tooltip. */\n    content: ReactNode;\n    /** The element that shows the tooltip on hover and focus: a focusable React Aria element. */\n    children: ReactElement;\n    placement?: AriaTooltipProps['placement'];\n    /** Delay before showing, in milliseconds. Defaults to 600. */\n    delay?: number;\n    isDisabled?: boolean;\n    className?: string;\n}\n\n/**\n * A tooltip on hover and keyboard focus. It only adds a description: never put information or\n * actions in it that aren't available otherwise, since touch screens don't show it.\n */\nexport function Tooltip({\n    content,\n    children,\n    placement = 'top',\n    delay = 600,\n    isDisabled = false,\n    className,\n}: TooltipProps) {\n    const container = usePortalContainer();\n    if (container === null) {\n        return children;\n    }\n    return (\n        <TooltipTrigger delay={delay} isDisabled={isDisabled}>\n            {children}\n            <AriaTooltip\n                placement={placement}\n                offset={6}\n                className={cx(styles.tooltip, className)}\n                UNSTABLE_portalContainer={container}\n            >\n                {content}\n            </AriaTooltip>\n        </TooltipTrigger>\n    );\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgBA,UAAQ,EACpB,SACA,UACA,YAAY,OACZ,QAAQ,KACR,aAAa,OACb,aACa;CACb,MAAM,YAAY,mBAAmB;CACrC,IAAI,cAAc,MACd,OAAO;CAEX,OACI,qBAAC,gBAAD;EAAuB;EAAmB;EAA1C,UAAA,CACK,UACD,oBAACC,SAAD;GACe;GACX,QAAQ;GACR,WAAW,GAAGC,uBAAO,SAAS,SAAS;GACvC,0BAA0B;GAEzB,UAAA;EACQ,CAAA,CACD;;AAExB"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","AriaTooltip","styles"],"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport {\n    Tooltip as AriaTooltip,\n    type TooltipProps as AriaTooltipProps,\n    TooltipTrigger,\n} from 'react-aria-components';\n\nimport { usePortalContainer } from '../root/PanneauRoot';\nimport { cx } from '../utils/cx';\nimport styles from './Tooltip.module.css';\n\nexport interface TooltipProps {\n    /** Content of the tooltip. */\n    content: ReactNode;\n    /** The element that shows the tooltip on hover and focus: a focusable React Aria element. */\n    children: ReactElement;\n    placement?: AriaTooltipProps['placement'];\n    /** Delay before showing, in milliseconds. Defaults to 600. */\n    delay?: number;\n    isDisabled?: boolean;\n    className?: string;\n}\n\n/**\n * A tooltip on hover and keyboard focus. It only adds a description: never put information or\n * actions in it that aren't available otherwise, since touch screens don't show it.\n */\nexport function Tooltip({\n    content,\n    children,\n    placement = 'top',\n    delay = 600,\n    isDisabled = false,\n    className,\n}: TooltipProps) {\n    const container = usePortalContainer();\n    if (container === null) {\n        return children;\n    }\n    return (\n        <TooltipTrigger delay={delay} isDisabled={isDisabled}>\n            {children}\n            <AriaTooltip\n                placement={placement}\n                offset={6}\n                className={cx('panneau-tooltip', styles.tooltip, className)}\n                UNSTABLE_portalContainer={container}\n            >\n                {content}\n            </AriaTooltip>\n        </TooltipTrigger>\n    );\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgBA,UAAQ,EACpB,SACA,UACA,YAAY,OACZ,QAAQ,KACR,aAAa,OACb,aACa;CACb,MAAM,YAAY,mBAAmB;CACrC,IAAI,cAAc,MACd,OAAO;CAEX,OACI,qBAAC,gBAAD;EAAuB;EAAmB;EAA1C,UAAA,CACK,UACD,oBAACC,SAAD;GACe;GACX,QAAQ;GACR,WAAW,GAAG,mBAAmBC,uBAAO,SAAS,SAAS;GAC1D,0BAA0B;GAEzB,UAAA;EACQ,CAAA,CACD;;AAExB"}

package/dist/tooltip/Tooltip.module.js

@@ -1,7 +1,7 @@
 import "./Tooltip.css";
 //#region src/tooltip/Tooltip.module.css
-var tooltip = "panneau-tooltip--CWkTN";
-var fade = "panneau-fade--CCbVC";
+var tooltip = "panneau-tooltip";
+var fade = "panneau-tooltip-fade";
 var Tooltip_module_default = {
 	tooltip,
 	fade

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../src/tooltip/Tooltip.module.css"],"sourcesContent":[".tooltip {\n    max-width: min(20rem, calc(100vw - 2 * var(--panneau-space-4)));\n    padding: var(--panneau-space-1) var(--panneau-space-2);\n    font-size: var(--panneau-font-size-sm);\n    line-height: var(--panneau-line-height-tight);\n    color: var(--panneau-color-bg);\n    background-color: var(--panneau-color-text);\n    border-radius: var(--panneau-radius-sm);\n    box-shadow: var(--panneau-shadow-md);\n    z-index: var(--panneau-z-overlay);\n}\n\n.tooltip[data-entering] {\n    animation: fade var(--panneau-duration);\n}\n\n.tooltip[data-exiting] {\n    animation: fade var(--panneau-duration) reverse ease-in;\n}\n\n@keyframes fade {\n    from {\n        opacity: 0;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../src/tooltip/Tooltip.module.css"],"sourcesContent":[".tooltip {\n    max-width: min(20rem, calc(100vw - 2 * var(--panneau-space-4)));\n    padding: var(--panneau-tooltip-padding-y, var(--panneau-space-1))\n        var(--panneau-tooltip-padding-x, var(--panneau-space-2));\n    font-size: var(--panneau-tooltip-font-size, var(--panneau-font-size-sm));\n    line-height: var(--panneau-line-height-tight);\n    color: var(--panneau-tooltip-color, var(--panneau-color-bg));\n    background-color: var(--panneau-tooltip-bg, var(--panneau-color-text));\n    border-radius: var(--panneau-tooltip-radius, var(--panneau-radius-sm));\n    box-shadow: var(--panneau-shadow-md);\n    z-index: var(--panneau-z-overlay);\n}\n\n.tooltip[data-entering] {\n    animation: fade var(--panneau-duration);\n}\n\n.tooltip[data-exiting] {\n    animation: fade var(--panneau-duration) reverse ease-in;\n}\n\n@keyframes fade {\n    from {\n        opacity: 0;\n    }\n}\n"],"mappings":""}

package/dist/tooltip/tokens.d.ts

@@ -0,0 +1,3 @@
+/** Tokens of Tooltip. */
+export declare const tooltipTokens: import("..").ComponentTokens<"tooltip", "panneau-tooltip-color" | "panneau-tooltip-radius" | "panneau-tooltip-padding-y" | "panneau-tooltip-padding-x" | "panneau-tooltip-font-size" | "panneau-tooltip-bg">;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tooltip/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/tooltip/tokens.ts"],"names":[],"mappings":"AAEA,yBAAyB;AACzB,eAAO,MAAM,aAAa,8MAaxB,CAAC"}

package/dist/tooltip/tokens.js

@@ -0,0 +1,21 @@
+import { defineComponentTokens } from "../theme/componentTokens.js";
+//#region src/tooltip/tokens.ts
+/** Tokens of Tooltip. */
+var tooltipTokens = defineComponentTokens("tooltip", {
+	/** Vertical padding. */
+	"padding-y": "var(--panneau-space-1)",
+	/** Horizontal padding. */
+	"padding-x": "var(--panneau-space-2)",
+	/** Font size. */
+	"font-size": "var(--panneau-font-size-sm)",
+	/** Text color. */
+	color: "var(--panneau-color-bg)",
+	/** Background. */
+	bg: "var(--panneau-color-text)",
+	/** Corner radius. */
+	radius: "var(--panneau-radius-sm)"
+});
+//#endregion
+export { tooltipTokens };
+
+//# sourceMappingURL=tokens.js.map

package/dist/tooltip/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":[],"sources":["../../src/tooltip/tokens.ts"],"sourcesContent":["import { defineComponentTokens } from '../theme/componentTokens';\n\n/** Tokens of Tooltip. */\nexport const tooltipTokens = defineComponentTokens('tooltip', {\n    /** Vertical padding. */\n    'padding-y': 'var(--panneau-space-1)',\n    /** Horizontal padding. */\n    'padding-x': 'var(--panneau-space-2)',\n    /** Font size. */\n    'font-size': 'var(--panneau-font-size-sm)',\n    /** Text color. */\n    color: 'var(--panneau-color-bg)',\n    /** Background. */\n    bg: 'var(--panneau-color-text)',\n    /** Corner radius. */\n    radius: 'var(--panneau-radius-sm)',\n});\n"],"mappings":";;;AAGA,IAAa,gBAAgB,sBAAsB,WAAW;;CAE1D,aAAa;;CAEb,aAAa;;CAEb,aAAa;;CAEb,OAAO;;CAEP,IAAI;;CAEJ,QAAQ;AACZ,CAAC"}

package/dist/utils/cx.d.ts

@@ -1,3 +1,3 @@
-/** Joins class names, skipping empty ones. */
+/** Joins class names, skipping empty and repeated ones. */
 export declare function cx(...classNames: (string | false | null | undefined)[]): string;
 //# sourceMappingURL=cx.d.ts.map

package/dist/utils/cx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/utils/cx.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE/E"}
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/utils/cx.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAQ/E"}

package/dist/utils/cx.js

@@ -1,7 +1,7 @@
 //#region src/utils/cx.ts
-/** Joins class names, skipping empty ones. */
+/** Joins class names, skipping empty and repeated ones. */
 function cx(...classNames) {
-	return classNames.filter(Boolean).join(" ");
+	return [...new Set(classNames.flatMap((className) => typeof className === "string" ? className.split(/\s+/).filter(Boolean) : []))].join(" ");
 }
 //#endregion
 export { cx };

package/dist/utils/cx.js.map

@@ -1 +1 @@
-{"version":3,"file":"cx.js","names":[],"sources":["../../src/utils/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC9C"}
+{"version":3,"file":"cx.js","names":[],"sources":["../../src/utils/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty and repeated ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return [\n        ...new Set(\n            classNames.flatMap((className) =>\n                typeof className === 'string' ? className.split(/\\s+/).filter(Boolean) : [],\n            ),\n        ),\n    ].join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,CACH,GAAG,IAAI,IACH,WAAW,SAAS,cAChB,OAAO,cAAc,WAAW,UAAU,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,IAAI,CAAA,CAC7E,CACJ,CAAC,CACJ,CAAC,KAAK,GAAG;AACd"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/ui",
-    "version": "5.0.0-alpha.0",
+    "version": "5.0.0-alpha.2",
     "description": "Design tokens, themes and accessible primitives of Panneau, built on React Aria Components.",
     "type": "module",
     "license": "MIT",
@@ -23,11 +23,20 @@
             "types": "./dist/locales/index.d.ts",
             "default": "./dist/locales/index.js"
         },
+        "./theme": {
+            "@panneau/source": "./src/theme/index.ts",
+            "types": "./dist/theme/index.d.ts",
+            "default": "./dist/theme/index.js"
+        },
         "./package.json": "./package.json"
     },
     "files": [
-        "dist"
+        "dist",
+        "bin"
     ],
+    "bin": {
+        "panneau-check-theme": "./bin/check-theme.js"
+    },
     "scripts": {
         "build": "vite build && tsc -p tsconfig.build.json",
         "typecheck": "tsc --noEmit",
@@ -43,7 +52,10 @@
         "react-intl": "^12.0.0"
     },
     "dependencies": {
-        "@panneau/intl": "5.0.0-alpha.0",
+        "@panneau/intl": "5.0.0-alpha.2",
         "lucide-react": "^1.57.0"
+    },
+    "devDependencies": {
+        "@panneau/protocol": "5.0.0-alpha.2"
     }
 }