@surflane/ui 0.1.0 → 0.3.0

package/dist/input-extensions.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Autocomplete as BaseAutocomplete } from "@base-ui/react/autocomplete";
-import { Slider as BaseSlider } from "@base-ui/react/slider";
+import * as React from 'react';
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { Slider as BaseSlider } from '@base-ui/react/slider';
 declare const AutocompleteRoot: typeof BaseAutocomplete.Root;
 export declare const Autocomplete: {
     Root: typeof BaseAutocomplete.Root;

package/dist/input-extensions.js

@@ -1,14 +1,14 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Autocomplete as BaseAutocomplete } from "@base-ui/react/autocomplete";
-import { Slider as BaseSlider } from "@base-ui/react/slider";
-import { Combobox } from "./advanced-forms.js";
-import { skin, part } from "./parts.js";
-import { useResetValue, useRootRef } from "./form-state.js";
+import * as React from 'react';
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { Slider as BaseSlider } from '@base-ui/react/slider';
+import { Combobox } from './advanced-forms.js';
+import { skin, part } from './parts.js';
+import { useResetValue, useRootRef } from './form-state.js';
 const AutocompleteRoot = function AutocompleteRoot({ children, form, value, defaultValue, onValueChange, ...props }) {
     const anchor = React.useRef(null);
-    const [query, setQuery, revision] = useResetValue(value, defaultValue ?? "", anchor, form);
+    const [query, setQuery, revision] = useResetValue(value, defaultValue ?? '', anchor, form);
     return (_jsxs(BaseAutocomplete.Root, { ...props, form: form, value: query, onValueChange: (next, event) => {
             onValueChange?.(next, event);
             if (value === undefined && !event.isCanceled)
@@ -16,10 +16,10 @@ const AutocompleteRoot = function AutocompleteRoot({ children, form, value, defa
         }, children: [_jsx("span", { hidden: true, ref: anchor }), children] }, revision));
 };
 const AutoTrigger = React.forwardRef(function AutoTrigger({ className, children, ...props }, ref) {
-    return (_jsx(BaseAutocomplete.Trigger, { "aria-label": "Show suggestions", ...props, ref: ref, className: skin("pui-combobox-action", className), children: children ?? (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", "aria-hidden": "true", children: _jsx("path", { d: "m6 9 6 6 6-6" }) })) }));
+    return (_jsx(BaseAutocomplete.Trigger, { "aria-label": 'Show suggestions', ...props, ref: ref, className: skin('pui-combobox-action', className), children: children ?? (_jsx("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.6', "aria-hidden": 'true', children: _jsx("path", { d: 'm6 9 6 6 6-6' }) })) }));
 });
 const AutoClear = React.forwardRef(function AutoClear(props, ref) {
-    return _jsx(Combobox.Clear, { "aria-label": "Clear input", ...props, ref: ref });
+    return _jsx(Combobox.Clear, { "aria-label": 'Clear input', ...props, ref: ref });
 });
 export const Autocomplete = {
     ...BaseAutocomplete,
@@ -35,14 +35,14 @@ export const Autocomplete = {
     GroupLabel: Combobox.GroupLabel,
     Clear: AutoClear,
     Trigger: AutoTrigger,
-    InputGroup: part(BaseAutocomplete.InputGroup, "pui-combobox-group"),
-    Item: part(BaseAutocomplete.Item, "pui-combobox-item"),
-    Separator: part(BaseAutocomplete.Separator, "pui-combobox-separator"),
+    InputGroup: part(BaseAutocomplete.InputGroup, 'pui-combobox-group'),
+    Item: part(BaseAutocomplete.Item, 'pui-combobox-item'),
+    Separator: part(BaseAutocomplete.Separator, 'pui-combobox-separator'),
 };
-function SliderRoot({ value, defaultValue, onValueChange, ref, className, form, thumbAlignment = "edge", ...props }) {
+function SliderRoot({ value, defaultValue, onValueChange, ref, className, form, thumbAlignment = 'edge', ...props }) {
     const [element, attach] = useRootRef(ref);
     const [selected, setSelected] = useResetValue(value, (defaultValue ?? props.min ?? 0), element, form);
-    return (_jsx(BaseSlider.Root, { ...props, form: form, ref: attach, value: selected, thumbAlignment: thumbAlignment, className: skin("pui-slider", className), onValueChange: (next, event) => {
+    return (_jsx(BaseSlider.Root, { ...props, form: form, ref: attach, value: selected, thumbAlignment: thumbAlignment, className: skin('pui-slider', className), onValueChange: (next, event) => {
             onValueChange?.(next, event);
             if (value === undefined && !event.isCanceled)
                 setSelected(next);
@@ -51,12 +51,12 @@ function SliderRoot({ value, defaultValue, onValueChange, ref, className, form,
 export const Slider = {
     ...BaseSlider,
     Root: SliderRoot,
-    Label: part(BaseSlider.Label, "pui-slider-label"),
-    Value: part(BaseSlider.Value, "pui-slider-value"),
-    Control: part(BaseSlider.Control, "pui-slider-control"),
-    Track: part(BaseSlider.Track, "pui-slider-track"),
-    Indicator: part(BaseSlider.Indicator, "pui-slider-indicator"),
-    Thumb: part(BaseSlider.Thumb, "pui-slider-thumb"),
+    Label: part(BaseSlider.Label, 'pui-slider-label'),
+    Value: part(BaseSlider.Value, 'pui-slider-value'),
+    Control: part(BaseSlider.Control, 'pui-slider-control'),
+    Track: part(BaseSlider.Track, 'pui-slider-track'),
+    Indicator: part(BaseSlider.Indicator, 'pui-slider-indicator'),
+    Thumb: part(BaseSlider.Thumb, 'pui-slider-thumb'),
 };
 // Flat names for React Server Components, which cannot dot into client exports.
 export { AutocompleteRoot, SliderRoot };

package/dist/input.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { type ComponentSizeAlias } from "./sizing.js";
+import * as React from 'react';
+import { type ComponentSizeAlias } from './sizing.js';
 export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
     size?: number | ComponentSizeAlias;
     leadingIcon?: React.ReactNode;

package/dist/input.js

@@ -1,10 +1,10 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useComponentSize } from "./sizing.js";
-import { Input as BaseInput } from "@base-ui/react/input";
-const cx = (...v) => v.filter(Boolean).join(" ");
+import * as React from 'react';
+import { useComponentSize } from './sizing.js';
+import { Input as BaseInput } from '@base-ui/react/input';
+const cx = (...v) => v.filter(Boolean).join(' ');
 export const Input = React.forwardRef(function Input({ className, leadingIcon, wrapperClassName, size, ...props }, ref) {
-    const scheme = useComponentSize(typeof size === "string" ? size : undefined);
-    return (_jsxs("span", { "data-ui-size": scheme, className: cx("pui-control", wrapperClassName), "data-leading-icon": leadingIcon ? "" : undefined, "data-disabled": props.disabled || undefined, children: [leadingIcon && (_jsx("span", { className: "pui-control-icon control-icon", "aria-hidden": "true", children: leadingIcon })), _jsx(BaseInput, { ...props, size: typeof size === "number" ? size : undefined, ref: ref, className: cx("pui-input", className) })] }));
+    const scheme = useComponentSize(typeof size === 'string' ? size : undefined);
+    return (_jsxs("span", { "data-ui-size": scheme, className: cx('pui-control', wrapperClassName), "data-leading-icon": leadingIcon ? '' : undefined, "data-disabled": props.disabled || undefined, children: [leadingIcon && (_jsx("span", { className: 'pui-control-icon control-icon', "aria-hidden": 'true', children: leadingIcon })), _jsx(BaseInput, { ...props, size: typeof size === 'number' ? size : undefined, ref: ref, className: cx('pui-input', className) })] }));
 });

package/dist/markdown.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-export type MarkdownProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
+import * as React from 'react';
+export type MarkdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {
     source: string;
     label?: string;
     headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;

package/dist/markdown.js

@@ -1,27 +1,27 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { CodeBlock } from "./content.js";
-import { Table } from "./data.js";
+import * as React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { CodeBlock } from './content.js';
+import { Table } from './data.js';
 function text(node) {
-    return "value" in node
+    return 'value' in node
         ? node.value
-        : "children" in node
-            ? node.children.map((child) => text(child)).join("")
-            : "";
+        : 'children' in node
+            ? node.children.map((child) => text(child)).join('')
+            : '';
 }
 function visit(node, callback) {
-    if (node.type === "element")
+    if (node.type === 'element')
         callback(node);
-    if ("children" in node)
+    if ('children' in node)
         node.children.forEach((child) => visit(child, callback));
 }
 /** CommonMark + GFM. HTML stays disabled, URLs use react-markdown's safe default.
  * Fetching, permissions, frontmatter, MDX and script execution are caller concerns. */
-export const Markdown = React.forwardRef(function Markdown({ source, label = "Markdown content", headingLevel = 2, codeWrap = false, className, ...props }, ref) {
-    const prefix = `md-${React.useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+export const Markdown = React.forwardRef(function Markdown({ source, label = 'Markdown content', headingLevel = 2, codeWrap = false, className, ...props }, ref) {
+    const prefix = `md-${React.useId().replace(/[^a-zA-Z0-9_-]/g, '')}`;
     const headings = React.useMemo(() => () => (tree) => {
         const counts = new Map();
         const anchors = new Map();
@@ -30,43 +30,43 @@ export const Markdown = React.forwardRef(function Markdown({ source, label = "Ma
             if (!/^h[1-6]$/.test(node.tagName))
                 return;
             const slug = text(node)
-                .normalize("NFKC")
+                .normalize('NFKC')
                 .toLowerCase()
-                .replace(/[^\p{L}\p{N}\s_-]/gu, "")
+                .replace(/[^\p{L}\p{N}\s_-]/gu, '')
                 .trim()
-                .replace(/\s+/g, "-") || "section";
+                .replace(/\s+/g, '-') || 'section';
             const count = counts.get(slug) ?? 0;
             counts.set(slug, count + 1);
             const key = count ? `${slug}-${count}` : slug;
             const id = `${prefix}-${key}`;
-            if (typeof node.properties.id === "string")
+            if (typeof node.properties.id === 'string')
                 previousIds.set(node.properties.id, id);
             node.properties.id = id;
             anchors.set(key, id);
         });
         visit(tree, (node) => {
-            if (node.tagName === "li" &&
-                String(node.properties.className ?? "").includes("task-list-item")) {
-                const taskLabel = text(node).trim() || "Task list item";
+            if (node.tagName === 'li' &&
+                String(node.properties.className ?? '').includes('task-list-item')) {
+                const taskLabel = text(node).trim() || 'Task list item';
                 visit(node, (child) => {
-                    if (child.tagName === "input" &&
-                        child.properties.type === "checkbox")
+                    if (child.tagName === 'input' &&
+                        child.properties.type === 'checkbox')
                         child.properties.ariaLabel = taskLabel;
                 });
             }
-            for (const property of ["ariaDescribedBy", "ariaLabelledBy"]) {
+            for (const property of ['ariaDescribedBy', 'ariaLabelledBy']) {
                 const references = node.properties[property];
                 if (Array.isArray(references))
                     node.properties[property] = references.map((value) => previousIds.get(String(value)) ?? value);
-                else if (typeof references === "string")
+                else if (typeof references === 'string')
                     node.properties[property] = references
                         .split(/\s+/)
                         .map((value) => previousIds.get(value) ?? value)
-                        .join(" ");
+                        .join(' ');
             }
-            if (node.tagName !== "a" ||
-                typeof node.properties.href !== "string" ||
-                !node.properties.href.startsWith("#"))
+            if (node.tagName !== 'a' ||
+                typeof node.properties.href !== 'string' ||
+                !node.properties.href.startsWith('#'))
                 return;
             try {
                 const target = anchors.get(decodeURIComponent(node.properties.href.slice(1)));
@@ -91,31 +91,31 @@ export const Markdown = React.forwardRef(function Markdown({ source, label = "Ma
                 const child = React.Children.toArray(children)[0];
                 if (!React.isValidElement(child))
                     return _jsx("pre", { children: children });
-                const language = /(?:^|\s)language-([^\s]+)/.exec(child.props.className ?? "")?.[1] ?? "text";
-                const code = String(child.props.children ?? "").replace(/\n$/, "");
+                const language = /(?:^|\s)language-([^\s]+)/.exec(child.props.className ?? '')?.[1] ?? 'text';
+                const code = String(child.props.children ?? '').replace(/\n$/, '');
                 return (_jsx(CodeBlock, { code: code, language: language, wrap: codeWrap, label: `${label}: code at line ${node?.position?.start.line ?? 1}` }));
             },
             code({ node: _node, ...codeProps }) {
-                return _jsx("code", { ...codeProps, className: "pui-markdown-inline-code" });
+                return _jsx("code", { ...codeProps, className: 'pui-markdown-inline-code' });
             },
             table({ node, children, ...tableProps }) {
-                return (_jsx(Table.Container, { label: `${label}: table at line ${node?.position?.start.line ?? 1}`, orientation: "horizontal", children: _jsx("table", { ...tableProps, className: "pui-table", children: children }) }));
+                return (_jsx(Table.Container, { label: `${label}: table at line ${node?.position?.start.line ?? 1}`, orientation: 'horizontal', children: _jsx("table", { ...tableProps, className: 'pui-table', children: children }) }));
             },
             th({ node: _node, ...cellProps }) {
-                return (_jsx("th", { ...cellProps, scope: "col", className: "pui-table-cell pui-table-header" }));
+                return (_jsx("th", { ...cellProps, scope: 'col', className: 'pui-table-cell pui-table-header' }));
             },
             td({ node: _node, ...cellProps }) {
-                return _jsx("td", { ...cellProps, className: "pui-table-cell" });
+                return _jsx("td", { ...cellProps, className: 'pui-table-cell' });
             },
             a({ node: _node, href, children, ...linkProps }) {
                 return href ? (_jsx("a", { ...linkProps, href: href, children: children })) : (_jsx("span", { children: children }));
             },
             img({ node: _node, src, alt, ...imageProps }) {
-                return src ? (_jsx("img", { ...imageProps, src: src, alt: alt ?? "", loading: "lazy" })) : (_jsx("span", { children: alt }));
+                return src ? (_jsx("img", { ...imageProps, src: src, alt: alt ?? '', loading: 'lazy' })) : (_jsx("span", { children: alt }));
             },
         };
     }, [headingLevel, label, codeWrap]);
-    return (_jsx("div", { ...props, ref: ref, role: "article", className: ["pui-prose pui-markdown", className]
+    return (_jsx("div", { ...props, ref: ref, role: 'article', className: ['pui-prose pui-markdown', className]
             .filter(Boolean)
-            .join(" "), "aria-label": label, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [headings], remarkRehypeOptions: { clobberPrefix: `${prefix}-` }, skipHtml: true, components: components, children: source }) }));
+            .join(' '), "aria-label": label, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [headings], remarkRehypeOptions: { clobberPrefix: `${prefix}-` }, skipHtml: true, components: components, children: source }) }));
 });

package/dist/menu.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { Menu as BaseMenu } from "@base-ui/react/menu";
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
 declare const MenuPopup: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/menu").MenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
     size?: import("./sizing.js").ComponentSize;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/menu.js

@@ -1,26 +1,26 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Menu as BaseMenu } from "@base-ui/react/menu";
-import { skin, part } from "./parts.js";
-const MenuPopup = part(BaseMenu.Popup, "pui-menu");
-const MenuPositioner = part(BaseMenu.Positioner, "pui-positioner");
-const MenuContent = React.forwardRef(function MenuContent({ align = "end", sideOffset = 6, side, collisionPadding, className, ...props }, ref) {
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { skin, part } from './parts.js';
+const MenuPopup = part(BaseMenu.Popup, 'pui-menu');
+const MenuPositioner = part(BaseMenu.Positioner, 'pui-positioner');
+const MenuContent = React.forwardRef(function MenuContent({ align = 'end', sideOffset = 6, side, collisionPadding, className, ...props }, ref) {
     return (_jsx(MenuPositioner, { align: align, side: side, sideOffset: sideOffset, collisionPadding: collisionPadding, children: _jsx(MenuPopup, { ...props, ref: ref, className: className }) }));
 });
 const MenuTrigger = React.forwardRef(function MenuTrigger({ className, ...props }, ref) {
-    return (_jsx(BaseMenu.Trigger, { "data-variant": "ghost", ...props, ref: ref, className: skin("pui-button pui-menu-trigger", className) }));
+    return (_jsx(BaseMenu.Trigger, { "data-variant": 'ghost', ...props, ref: ref, className: skin('pui-button pui-menu-trigger', className) }));
 });
 const CheckboxIndicator = React.forwardRef(function CheckboxIndicator({ className, children, ...props }, ref) {
-    return (_jsx(BaseMenu.CheckboxItemIndicator, { keepMounted: true, ...props, ref: ref, className: skin("pui-menu-indicator", className), children: children ?? (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", "aria-hidden": "true", children: _jsx("path", { d: "m5 12 4 4L19 6" }) })) }));
+    return (_jsx(BaseMenu.CheckboxItemIndicator, { keepMounted: true, ...props, ref: ref, className: skin('pui-menu-indicator', className), children: children ?? (_jsx("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.6', "aria-hidden": 'true', children: _jsx("path", { d: 'm5 12 4 4L19 6' }) })) }));
 });
 const RadioIndicator = React.forwardRef(function RadioIndicator({ className, children, ...props }, ref) {
-    return (_jsx(BaseMenu.RadioItemIndicator, { keepMounted: true, ...props, ref: ref, className: skin("pui-menu-indicator", className), children: children ?? (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("circle", { cx: "12", cy: "12", r: "4" }) })) }));
+    return (_jsx(BaseMenu.RadioItemIndicator, { keepMounted: true, ...props, ref: ref, className: skin('pui-menu-indicator', className), children: children ?? (_jsx("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'currentColor', "aria-hidden": 'true', children: _jsx("circle", { cx: '12', cy: '12', r: '4' }) })) }));
 });
 const SubmenuTrigger = React.forwardRef(function SubmenuTrigger({ className, children, indicator, ...props }, ref) {
-    return (_jsxs(BaseMenu.SubmenuTrigger, { ...props, ref: ref, className: skin("pui-menu-item pui-menu-submenu-trigger", className), children: [children, indicator === false
+    return (_jsxs(BaseMenu.SubmenuTrigger, { ...props, ref: ref, className: skin('pui-menu-item pui-menu-submenu-trigger', className), children: [children, indicator === false
                 ? null
-                : (indicator ?? (_jsx("svg", { className: "pui-submenu-arrow", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", "aria-hidden": "true", children: _jsx("path", { d: "m9 6 6 6-6 6" }) })))] }));
+                : (indicator ?? (_jsx("svg", { className: 'pui-submenu-arrow', width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.6', "aria-hidden": 'true', children: _jsx("path", { d: 'm9 6 6 6-6 6' }) })))] }));
 });
 export const Menu = {
     ...BaseMenu,
@@ -31,13 +31,13 @@ export const Menu = {
     CheckboxItemIndicator: CheckboxIndicator,
     RadioItemIndicator: RadioIndicator,
     SubmenuTrigger,
-    Item: part(BaseMenu.Item, "pui-menu-item"),
-    LinkItem: part(BaseMenu.LinkItem, "pui-menu-item"),
-    CheckboxItem: part(BaseMenu.CheckboxItem, "pui-menu-item pui-menu-check-item"),
-    RadioItem: part(BaseMenu.RadioItem, "pui-menu-item pui-menu-check-item"),
-    GroupLabel: part(BaseMenu.GroupLabel, "pui-menu-group-label"),
-    Separator: part(BaseMenu.Separator, "pui-menu-separator"),
-    Input: part(BaseMenu.Input, "pui-input"),
+    Item: part(BaseMenu.Item, 'pui-menu-item'),
+    LinkItem: part(BaseMenu.LinkItem, 'pui-menu-item'),
+    CheckboxItem: part(BaseMenu.CheckboxItem, 'pui-menu-item pui-menu-check-item'),
+    RadioItem: part(BaseMenu.RadioItem, 'pui-menu-item pui-menu-check-item'),
+    GroupLabel: part(BaseMenu.GroupLabel, 'pui-menu-group-label'),
+    Separator: part(BaseMenu.Separator, 'pui-menu-separator'),
+    Input: part(BaseMenu.Input, 'pui-input'),
 };
 // Flat names for React Server Components, which cannot dot into client exports.
 export { MenuPopup, MenuPositioner, MenuTrigger, MenuContent };

package/dist/messages.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { type StatusTone } from "./status.js";
+import * as React from 'react';
+import { type StatusTone } from './status.js';
 export declare const InlineMessage: {
     Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         tone?: StatusTone;

package/dist/messages.js

@@ -1,37 +1,37 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useToneTransition } from "./tone-transition.js";
-import { part } from "./parts.js";
-import { StatusIcon } from "./status.js";
-const MessageRoot = React.forwardRef(function MessageRoot({ tone = "neutral", className, ...props }, ref) {
+import * as React from 'react';
+import { useToneTransition } from './tone-transition.js';
+import { part } from './parts.js';
+import { StatusIcon } from './status.js';
+const MessageRoot = React.forwardRef(function MessageRoot({ tone = 'neutral', className, ...props }, ref) {
     const elementRef = useToneTransition(tone, ref);
-    return (_jsx("div", { ...props, ref: elementRef, "data-tone": tone, className: ["pui-message", className].filter(Boolean).join(" ") }));
+    return (_jsx("div", { ...props, ref: elementRef, "data-tone": tone, className: ['pui-message', className].filter(Boolean).join(' ') }));
 });
-const MessageIcon = React.forwardRef(function MessageIcon({ tone = "neutral", children, className, ...props }, ref) {
-    return (_jsx("span", { ...props, ref: ref, "aria-hidden": "true", className: ["pui-message-icon", className].filter(Boolean).join(" "), children: children ?? _jsx(StatusIcon, { tone: tone }) }));
+const MessageIcon = React.forwardRef(function MessageIcon({ tone = 'neutral', children, className, ...props }, ref) {
+    return (_jsx("span", { ...props, ref: ref, "aria-hidden": 'true', className: ['pui-message-icon', className].filter(Boolean).join(' '), children: children ?? _jsx(StatusIcon, { tone: tone }) }));
 });
 export const InlineMessage = {
     Root: MessageRoot,
     Icon: MessageIcon,
-    Content: part("div", "pui-message-content"),
-    Title: part("strong", "pui-message-title"),
-    Description: part("p", "pui-message-description"),
-    Actions: part("div", "pui-message-actions"),
+    Content: part('div', 'pui-message-content'),
+    Title: part('strong', 'pui-message-title'),
+    Description: part('p', 'pui-message-description'),
+    Actions: part('div', 'pui-message-actions'),
 };
 const EmptyTitle = React.forwardRef(function EmptyTitle({ level = 3, className, ...props }, ref) {
     return React.createElement(`h${level}`, {
         ...props,
         ref,
-        className: ["pui-empty-title", className].filter(Boolean).join(" "),
+        className: ['pui-empty-title', className].filter(Boolean).join(' '),
     });
 });
 export const EmptyState = {
-    Root: part("div", "pui-empty"),
-    Icon: part("div", "pui-empty-icon"),
+    Root: part('div', 'pui-empty'),
+    Icon: part('div', 'pui-empty-icon'),
     Title: EmptyTitle,
-    Description: part("p", "pui-empty-description"),
-    Actions: part("div", "pui-empty-actions"),
+    Description: part('p', 'pui-empty-description'),
+    Actions: part('div', 'pui-empty-actions'),
 };
 // Flat names for React Server Components, which cannot dot into client exports.
 export const { Root: EmptyStateRoot, Icon: EmptyStateIcon, Title: EmptyStateTitle, Description: EmptyStateDescription, Actions: EmptyStateActions, } = EmptyState;

package/dist/navigation-menu.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { NavigationMenu as BaseNavigationMenu } from "@base-ui/react/navigation-menu";
+import * as React from 'react';
+import { NavigationMenu as BaseNavigationMenu } from '@base-ui/react/navigation-menu';
 declare function Root<Value>(props: BaseNavigationMenu.Root.Props<Value>): React.JSX.Element;
 export declare const NavigationMenu: {
     Root: typeof Root;

package/dist/navigation-menu.js

@@ -1,30 +1,30 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { NavigationMenu as BaseNavigationMenu } from "@base-ui/react/navigation-menu";
-import { part, skin } from "./parts.js";
+import * as React from 'react';
+import { NavigationMenu as BaseNavigationMenu } from '@base-ui/react/navigation-menu';
+import { part, skin } from './parts.js';
 function Root(props) {
-    const { className, orientation = "horizontal", ...rest } = props;
-    return (_jsx(BaseNavigationMenu.Root, { ...rest, orientation: orientation, "data-orientation": orientation, className: skin("pui-navigation-menu", className) }));
+    const { className, orientation = 'horizontal', ...rest } = props;
+    return (_jsx(BaseNavigationMenu.Root, { ...rest, orientation: orientation, "data-orientation": orientation, className: skin('pui-navigation-menu', className) }));
 }
 const Trigger = React.forwardRef(function Trigger({ className, children, indicator, ...props }, ref) {
-    return (_jsxs(BaseNavigationMenu.Trigger, { "data-variant": "ghost", ...props, ref: ref, className: skin("pui-button pui-navigation-trigger", className), children: [children, indicator === false
+    return (_jsxs(BaseNavigationMenu.Trigger, { "data-variant": 'ghost', ...props, ref: ref, className: skin('pui-button pui-navigation-trigger', className), children: [children, indicator === false
                 ? null
-                : (indicator ?? (_jsx(BaseNavigationMenu.Icon, { className: "pui-navigation-icon", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", "aria-hidden": "true", children: _jsx("path", { d: "m6 9 6 6 6-6" }) }) })))] }));
+                : (indicator ?? (_jsx(BaseNavigationMenu.Icon, { className: 'pui-navigation-icon', children: _jsx("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.6', "aria-hidden": 'true', children: _jsx("path", { d: 'm6 9 6 6 6-6' }) }) })))] }));
 });
 export const NavigationMenu = {
     ...BaseNavigationMenu,
     Root,
     Trigger,
-    List: part(BaseNavigationMenu.List, "pui-navigation-list"),
-    Item: part(BaseNavigationMenu.Item, "pui-navigation-item"),
-    Link: part(BaseNavigationMenu.Link, "pui-navigation-link"),
-    Content: part(BaseNavigationMenu.Content, "pui-navigation-content"),
-    Positioner: part(BaseNavigationMenu.Positioner, "pui-positioner pui-navigation-positioner"),
-    Popup: part(BaseNavigationMenu.Popup, "pui-navigation-popup"),
-    Viewport: part(BaseNavigationMenu.Viewport, "pui-navigation-viewport"),
+    List: part(BaseNavigationMenu.List, 'pui-navigation-list'),
+    Item: part(BaseNavigationMenu.Item, 'pui-navigation-item'),
+    Link: part(BaseNavigationMenu.Link, 'pui-navigation-link'),
+    Content: part(BaseNavigationMenu.Content, 'pui-navigation-content'),
+    Positioner: part(BaseNavigationMenu.Positioner, 'pui-positioner pui-navigation-positioner'),
+    Popup: part(BaseNavigationMenu.Popup, 'pui-navigation-popup'),
+    Viewport: part(BaseNavigationMenu.Viewport, 'pui-navigation-viewport'),
     Icon: React.forwardRef(function Icon({ children, className, ...props }, ref) {
-        return (_jsx(BaseNavigationMenu.Icon, { ...props, ref: ref, className: skin("pui-navigation-icon", className), children: children ?? (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", "aria-hidden": "true", children: _jsx("path", { d: "m6 9 6 6 6-6" }) })) }));
+        return (_jsx(BaseNavigationMenu.Icon, { ...props, ref: ref, className: skin('pui-navigation-icon', className), children: children ?? (_jsx("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.6', "aria-hidden": 'true', children: _jsx("path", { d: 'm6 9 6 6 6-6' }) })) }));
     }),
 };
 // Flat names for React Server Components, which cannot dot into client exports.

package/dist/navigation.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { type ComponentSizeAlias } from "./sizing.js";
-import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
+import * as React from 'react';
+import { type ComponentSizeAlias } from './sizing.js';
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
 export declare const Tabs: {
     Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/tabs").TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
         size?: import("./sizing.js").ComponentSize;
@@ -69,8 +69,8 @@ export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const Link: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-declare function BreadcrumbSeparator({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function BreadcrumbCurrent({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function BreadcrumbCurrent({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
 export declare const Breadcrumbs: {
     Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
     List: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;