@surflane/ui 0.3.0 → 0.5.0

package/dist/advanced-forms.js

@@ -1,93 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
-import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
-import { skin, part } from './parts.js';
-import { useRootRef, useResetValue } from './form-state.js';
-function Mark({ kind, }) {
-    const path = kind === 'check'
-        ? 'm5 12 4 4L19 6'
-        : kind === 'clear'
-            ? 'm6 6 12 12M6 18 18 6'
-            : kind === 'expand'
-                ? 'm6 9 6 6 6-6'
-                : kind === 'plus'
-                    ? 'M5 12h14M12 5v14'
-                    : 'M5 12h14';
-    return (_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: path }) }));
-}
-function ComboboxRoot({ children, form, ...props }) {
-    const anchor = React.useRef(null);
-    // Base UI does not reset its internal selection/query model on native form reset.
-    // Recreate that model together; controlled value/query props remain caller-owned.
-    const [, , revision] = useResetValue(true, true, anchor, form);
-    return (_jsxs(BaseCombobox.Root, { ...props, form: form, children: [_jsx("span", { hidden: true, ref: anchor }), children] }, revision));
-}
-const ComboPopup = part(BaseCombobox.Popup, 'pui-combobox-popup');
-const ComboPositioner = part(BaseCombobox.Positioner, 'pui-positioner');
-const ComboContent = React.forwardRef(function ComboContent({ positionerProps, ...props }, ref) {
-    return (_jsx(BaseCombobox.Portal, { children: _jsx(ComboPositioner, { sideOffset: 6, ...positionerProps, children: _jsx(ComboPopup, { ...props, ref: ref }) }) }));
-});
-const ComboTrigger = React.forwardRef(function ComboTrigger({ children, className, ...props }, ref) {
-    return (_jsx(BaseCombobox.Trigger, { "aria-label": 'Show options', ...props, ref: ref, className: skin('pui-combobox-action', className), children: children ?? _jsx(Mark, { kind: 'expand' }) }));
-});
-const ComboClear = React.forwardRef(function ComboClear({ children, className, ...props }, ref) {
-    return (_jsx(BaseCombobox.Clear, { "aria-label": 'Clear selection', ...props, ref: ref, className: skin('pui-combobox-action', className), children: children ?? _jsx(Mark, { kind: 'clear' }) }));
-});
-const ComboIndicator = React.forwardRef(function ComboIndicator({ children, className, ...props }, ref) {
-    return (_jsx(BaseCombobox.ItemIndicator, { keepMounted: true, ...props, ref: ref, className: skin('pui-combobox-indicator', className), children: children ?? _jsx(Mark, { kind: 'check' }) }));
-});
-const ComboRemove = React.forwardRef(function ComboRemove({ children, className, ...props }, ref) {
-    return (_jsx(BaseCombobox.ChipRemove, { ...props, ref: ref, className: skin('pui-combobox-chip-remove', className), children: children ?? _jsx(Mark, { kind: 'clear' }) }));
-});
-export const Combobox = {
-    ...BaseCombobox,
-    Root: ComboboxRoot,
-    Content: ComboContent,
-    Popup: ComboPopup,
-    Positioner: ComboPositioner,
-    Trigger: ComboTrigger,
-    Clear: ComboClear,
-    ItemIndicator: ComboIndicator,
-    ChipRemove: ComboRemove,
-    Input: part(BaseCombobox.Input, 'pui-input pui-combobox-input'),
-    InputGroup: part(BaseCombobox.InputGroup, 'pui-combobox-group'),
-    List: part(BaseCombobox.List, 'pui-combobox-list scroll-area'),
-    Item: part(BaseCombobox.Item, 'pui-combobox-item'),
-    Empty: part(BaseCombobox.Empty, 'pui-combobox-empty'),
-    Status: part(BaseCombobox.Status, 'pui-combobox-status'),
-    Group: part(BaseCombobox.Group, 'pui-combobox-section'),
-    GroupLabel: part(BaseCombobox.GroupLabel, 'pui-combobox-section-label'),
-    Separator: part(BaseCombobox.Separator, 'pui-combobox-separator'),
-    Chips: part(BaseCombobox.Chips, 'pui-combobox-chips'),
-    Chip: part(BaseCombobox.Chip, 'pui-combobox-chip'),
-};
-const NumberRoot = React.forwardRef(function NumberRoot({ value, defaultValue, onValueChange, className, form, ...props }, ref) {
-    const [element, attach] = useRootRef(ref);
-    const [numeric, setNumeric] = useResetValue(value, defaultValue ?? null, element, form);
-    return (_jsx(BaseNumberField.Root, { ...props, form: form, ref: attach, value: numeric, className: skin('pui-number-field', className), onValueChange: (next, event) => {
-            onValueChange?.(next, event);
-            if (value === undefined && !event.isCanceled)
-                setNumeric(next);
-        } }));
-});
-const NumberIncrement = React.forwardRef(function NumberIncrement({ className, children, ...props }, ref) {
-    return (_jsx(BaseNumberField.Increment, { "aria-label": 'Increase value', ...props, ref: ref, className: skin('pui-number-step', className), children: children ?? _jsx(Mark, { kind: 'plus' }) }));
-});
-const NumberDecrement = React.forwardRef(function NumberDecrement({ className, children, ...props }, ref) {
-    return (_jsx(BaseNumberField.Decrement, { "aria-label": 'Decrease value', ...props, ref: ref, className: skin('pui-number-step', className), children: children ?? _jsx(Mark, { kind: 'minus' }) }));
-});
-export const NumberField = {
-    ...BaseNumberField,
-    Root: NumberRoot,
-    Increment: NumberIncrement,
-    Decrement: NumberDecrement,
-    Group: part(BaseNumberField.Group, 'pui-number-group'),
-    Input: part(BaseNumberField.Input, 'pui-number-input'),
-    ScrubArea: part(BaseNumberField.ScrubArea, 'pui-number-scrub'),
-};
-// Flat names for React Server Components, which cannot dot into client exports.
-export { ComboboxRoot };
-export const { Arrow: ComboboxArrow, Backdrop: ComboboxBackdrop, Chip: ComboboxChip, ChipRemove: ComboboxChipRemove, Chips: ComboboxChips, Clear: ComboboxClear, Collection: ComboboxCollection, Empty: ComboboxEmpty, Group: ComboboxGroup, GroupLabel: ComboboxGroupLabel, Icon: ComboboxIcon, Input: ComboboxInput, InputGroup: ComboboxInputGroup, Item: ComboboxItem, ItemIndicator: ComboboxItemIndicator, Label: ComboboxLabel, List: ComboboxList, Popup: ComboboxPopup, Portal: ComboboxPortal, Positioner: ComboboxPositioner, Row: ComboboxRow, Separator: ComboboxSeparator, Status: ComboboxStatus, Trigger: ComboboxTrigger, Value: ComboboxValue, Content: ComboboxContent, } = Combobox;
-export const { Decrement: NumberFieldDecrement, Group: NumberFieldGroup, Increment: NumberFieldIncrement, Input: NumberFieldInput, Root: NumberFieldRoot, ScrubArea: NumberFieldScrubArea, ScrubAreaCursor: NumberFieldScrubAreaCursor, } = NumberField;

package/dist/commands.js

@@ -1,27 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useComponentSize } from './sizing.js';
-import { Toggle as BaseToggle } from '@base-ui/react/toggle';
-import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
-import { Toolbar as BaseToolbar } from '@base-ui/react/toolbar';
-import { Menubar as BaseMenubar } from '@base-ui/react/menubar';
-import { skin, part } from './parts.js';
-export function Toggle({ className, size, ref, ...props }) {
-    const scheme = useComponentSize(size === 'icon' ? undefined : size);
-    return (_jsx(BaseToggle, { ...props, ref: ref, className: skin('pui-button pui-toggle', className), "data-size": size, "data-ui-size": scheme }));
-}
-export function ToggleGroup({ className, ref, ...props }) {
-    return (_jsx(BaseToggleGroup, { ...props, ref: ref, className: skin('pui-toggle-group', className) }));
-}
-export const Toolbar = {
-    ...BaseToolbar,
-    Root: part(BaseToolbar.Root, 'pui-toolbar'),
-    Group: part(BaseToolbar.Group, 'pui-toolbar-group'),
-    Button: part(BaseToolbar.Button, 'pui-button pui-toolbar-button'),
-    Link: part(BaseToolbar.Link, 'pui-button pui-toolbar-link'),
-    Input: part(BaseToolbar.Input, 'pui-input pui-toolbar-input'),
-    Separator: part(BaseToolbar.Separator, 'pui-toolbar-separator'),
-};
-export const Menubar = part(BaseMenubar, 'pui-menubar');
-// Flat names for React Server Components, which cannot dot into client exports.
-export const { Button: ToolbarButton, Group: ToolbarGroup, Input: ToolbarInput, Link: ToolbarLink, Root: ToolbarRoot, Separator: ToolbarSeparator, } = Toolbar;

package/dist/context-overlays.js

@@ -1,50 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
-import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
-import { Menu } from './menu.js';
-import { part, skin } from './parts.js';
-const ContextPositioner = part(BaseContextMenu.Positioner, 'pui-positioner');
-const ContextContent = React.forwardRef(function ContextContent({ positionerProps, ...props }, ref) {
-    return (_jsx(ContextPositioner, { ...positionerProps, children: _jsx(Menu.Popup, { ...props, ref: ref }) }));
-});
-/** Same menu anatomy and styling, with the context-specific cursor positioner. */
-export const ContextMenu = {
-    ...BaseContextMenu,
-    Trigger: part(BaseContextMenu.Trigger, 'pui-context-trigger'),
-    Positioner: ContextPositioner,
-    Content: ContextContent,
-    Popup: Menu.Popup,
-    Item: Menu.Item,
-    LinkItem: Menu.LinkItem,
-    CheckboxItem: Menu.CheckboxItem,
-    CheckboxItemIndicator: Menu.CheckboxItemIndicator,
-    RadioItem: Menu.RadioItem,
-    RadioItemIndicator: Menu.RadioItemIndicator,
-    GroupLabel: Menu.GroupLabel,
-    Separator: Menu.Separator,
-    SubmenuTrigger: Menu.SubmenuTrigger,
-};
-const PreviewPositioner = part(BasePreviewCard.Positioner, 'pui-positioner');
-// The preview is visual enhancement; its destination is the accessible interface.
-const PreviewPopup = React.forwardRef(function PreviewPopup({ className, ...props }, ref) {
-    return (_jsx(BasePreviewCard.Popup, { ...props, ref: ref, "aria-hidden": 'true', className: skin('pui-preview-card', className) }));
-});
-function PreviewTrigger(props) {
-    const { className, ...rest } = props;
-    return (_jsx(BasePreviewCard.Trigger, { ...rest, className: skin('pui-link pui-preview-trigger', className) }));
-}
-const PreviewContent = React.forwardRef(function PreviewContent({ positionerProps, ...props }, ref) {
-    return (_jsx(PreviewPositioner, { sideOffset: 8, collisionPadding: 12, ...positionerProps, children: _jsx(PreviewPopup, { ...props, ref: ref }) }));
-});
-export const PreviewCard = {
-    ...BasePreviewCard,
-    Trigger: PreviewTrigger,
-    Positioner: PreviewPositioner,
-    Popup: PreviewPopup,
-    Content: PreviewContent,
-};
-// Flat names for React Server Components, which cannot dot into client exports.
-export const { Arrow: ContextMenuArrow, Backdrop: ContextMenuBackdrop, CheckboxItem: ContextMenuCheckboxItem, CheckboxItemIndicator: ContextMenuCheckboxItemIndicator, Group: ContextMenuGroup, GroupLabel: ContextMenuGroupLabel, Item: ContextMenuItem, LinkItem: ContextMenuLinkItem, Popup: ContextMenuPopup, Portal: ContextMenuPortal, Positioner: ContextMenuPositioner, RadioGroup: ContextMenuRadioGroup, RadioItem: ContextMenuRadioItem, RadioItemIndicator: ContextMenuRadioItemIndicator, Root: ContextMenuRoot, Separator: ContextMenuSeparator, SubmenuRoot: ContextMenuSubmenuRoot, SubmenuTrigger: ContextMenuSubmenuTrigger, Trigger: ContextMenuTrigger, Content: ContextMenuContent, } = ContextMenu;
-export const { Arrow: PreviewCardArrow, Backdrop: PreviewCardBackdrop, Handle: PreviewCardHandle, Popup: PreviewCardPopup, Portal: PreviewCardPortal, Positioner: PreviewCardPositioner, Root: PreviewCardRoot, Trigger: PreviewCardTrigger, Viewport: PreviewCardViewport, Content: PreviewCardContent, } = PreviewCard;

package/dist/data.js

@@ -1,82 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Button } from './button.js';
-import { part } from './parts.js';
-import { ScrollArea } from './scroll-area.js';
-const TableContainer = React.forwardRef(function TableContainer(props, ref) {
-    return _jsx(ScrollArea, { ...props, ref: ref });
-});
-const RootPart = part('table', 'pui-table');
-const TableRoot = React.forwardRef(function TableRoot({ density, stickyHeader, ...props }, ref) {
-    return (_jsx(RootPart, { ...props, ref: ref, "data-density": density === 'compact' ? 'compact' : undefined, "data-sticky-header": stickyHeader || undefined }));
-});
-const layout = ({ align, numeric }) => ({
-    'data-align': numeric ? 'end' : align,
-    'data-numeric': numeric || undefined,
-});
-const HeaderCellPart = part('th', 'pui-table-cell pui-table-header');
-const CellPart = part('td', 'pui-table-cell');
-// align replaces the obsolete HTML align attribute of th and td.
-const TableHeaderCell = React.forwardRef(function TableHeaderCell({ align, numeric, ...props }, ref) {
-    return _jsx(HeaderCellPart, { ...props, ...layout({ align, numeric }), ref: ref });
-});
-const TableCell = React.forwardRef(function TableCell({ align, numeric, ...props }, ref) {
-    return _jsx(CellPart, { ...props, ...layout({ align, numeric }), ref: ref });
-});
-function SortIcon({ sort }) {
-    return (_jsx("svg", { className: 'pui-table-sort-icon', width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.6', strokeLinecap: 'round', strokeLinejoin: 'round', "aria-hidden": 'true', children: _jsx("path", { d: sort === 'ascending'
-                ? 'M12 19V5m-6 6 6-6 6 6'
-                : sort === 'descending'
-                    ? 'M12 5v14m-6-6 6 6 6-6'
-                    : 'm8 9 4-4 4 4m-8 6 4 4 4-4' }) }));
-}
-/** A column header whose button sorts the column. aria-sort names the order on the sorted column only. */
-const TableSortHeader = React.forwardRef(function TableSortHeader({ sort, onSort, disabled, children, className, ...props }, ref) {
-    return (_jsx(TableHeaderCell, { ...props, ref: ref, scope: 'col', "aria-sort": sort, className: ['pui-table-sort-header', className].filter(Boolean).join(' '), children: _jsxs(Button, { variant: 'ghost', className: 'pui-table-sort', "data-sort": sort, disabled: disabled, onClick: onSort, children: [_jsx("span", { children: children }), _jsx(SortIcon, { sort: sort })] }) }));
-});
-/** One-line text that ends in an ellipsis. String content also becomes the title. */
-const TableTruncate = React.forwardRef(function TableTruncate({ className, title, children, ...props }, ref) {
-    return (_jsx("span", { ...props, ref: ref, title: title ?? (typeof children === 'string' ? children : undefined), className: ['pui-table-truncate', className].filter(Boolean).join(' '), children: children }));
-});
-/** A full-width body row for loading, empty, error and permission messages. It has no hover. */
-const TableMessage = React.forwardRef(function TableMessage({ className, ...props }, ref) {
-    return (_jsx("tr", { className: 'pui-table-row pui-table-message-row', children: _jsx("td", { ...props, ref: ref, className: ['pui-table-cell pui-table-message', className]
-                .filter(Boolean)
-                .join(' ') }) }));
-});
-const TableRow = React.forwardRef(function TableRow({ selected, className, ...props }, ref) {
-    return (_jsx("tr", { ...props, ref: ref, "data-selected": selected || undefined, className: ['pui-table-row', className].filter(Boolean).join(' ') }));
-});
-export const Table = {
-    Container: TableContainer,
-    Root: TableRoot,
-    Caption: part('caption', 'pui-table-caption'),
-    Head: part('thead', 'pui-table-head'),
-    Body: part('tbody', 'pui-table-body'),
-    Foot: part('tfoot', 'pui-table-foot'),
-    Row: TableRow,
-    HeaderCell: TableHeaderCell,
-    SortHeader: TableSortHeader,
-    Cell: TableCell,
-    Truncate: TableTruncate,
-    Message: TableMessage,
-};
-const ListRoot = React.forwardRef(function ListRoot({ className, ...props }, ref) {
-    return (_jsx("ul", { role: 'list', ...props, ref: ref, className: ['pui-list', className].filter(Boolean).join(' ') }));
-});
-const ListItem = React.forwardRef(function ListItem({ selected, className, ...props }, ref) {
-    return (_jsx("li", { ...props, ref: ref, "data-selected": selected || undefined, className: ['pui-list-item', className].filter(Boolean).join(' ') }));
-});
-export const List = {
-    Root: ListRoot,
-    Item: ListItem,
-    Content: part('div', 'pui-list-content'),
-    Title: part('div', 'pui-list-title'),
-    Description: part('p', 'pui-list-description'),
-    Actions: part('div', 'pui-list-actions'),
-};
-// Flat names for React Server Components, which cannot dot into client exports.
-export { ListRoot, ListItem, TableContainer, TableRoot, TableRow, TableHeaderCell, TableSortHeader, TableCell, TableTruncate, TableMessage, };
-export const { Content: ListContent, Title: ListTitle, Description: ListDescription, Actions: ListActions, } = List;
-export const { Caption: TableCaption, Head: TableHead, Body: TableBody, Foot: TableFoot, } = Table;

package/dist/feedback.d.ts

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { type ComponentSizeAlias } from './sizing.js';
-export declare const Progress: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLSpanElement>>;
-    Value: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLSpanElement>>;
-    Track: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export declare const Meter: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLSpanElement>>;
-    Value: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLSpanElement>>;
-    Track: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: import("./sizing.js").ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export type SpinnerProps = Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> & {
-    label?: string;
-    decorative?: boolean;
-    size?: ComponentSizeAlias;
-};
-/** Use decorative within a loading region that already owns the announcement. */
-export declare const Spinner: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
-    label?: string;
-    decorative?: boolean;
-    size?: ComponentSizeAlias;
-} & React.RefAttributes<HTMLSpanElement>>;
-export type SkeletonProps = Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> & {
-    shape?: 'text' | 'block' | 'circle';
-};
-/** Decorative placeholder; the owning region provides aria-busy and loading text. */
-export declare const Skeleton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
-    shape?: "text" | "block" | "circle";
-} & React.RefAttributes<HTMLSpanElement>>;
-export declare const MeterIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, MeterLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLSpanElement>>, MeterRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, MeterTrack: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, MeterValue: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/meter").MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLSpanElement>>;
-export declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, ProgressLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLSpanElement>>, ProgressRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, ProgressTrack: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, ProgressValue: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/progress").ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-    size?: import("./sizing.js").ComponentSize;
-} & React.RefAttributes<HTMLSpanElement>>;

package/dist/feedback.js

@@ -1,35 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useComponentSize } from './sizing.js';
-import { Progress as BaseProgress } from '@base-ui/react/progress';
-import { Meter as BaseMeter } from '@base-ui/react/meter';
-import { part } from './parts.js';
-export const Progress = {
-    ...BaseProgress,
-    Root: part(BaseProgress.Root, 'pui-gauge pui-progress'),
-    Label: part(BaseProgress.Label, 'pui-gauge-label'),
-    Value: part(BaseProgress.Value, 'pui-gauge-value'),
-    Track: part(BaseProgress.Track, 'pui-gauge-track'),
-    Indicator: part(BaseProgress.Indicator, 'pui-gauge-indicator'),
-};
-export const Meter = {
-    ...BaseMeter,
-    Root: part(BaseMeter.Root, 'pui-gauge pui-meter'),
-    Label: part(BaseMeter.Label, 'pui-gauge-label'),
-    Value: part(BaseMeter.Value, 'pui-gauge-value'),
-    Track: part(BaseMeter.Track, 'pui-gauge-track'),
-    Indicator: part(BaseMeter.Indicator, 'pui-gauge-indicator'),
-};
-/** Use decorative within a loading region that already owns the announcement. */
-export const Spinner = React.forwardRef(function Spinner({ label = 'Loading', decorative = false, size, className, ...props }, ref) {
-    const scheme = useComponentSize(size);
-    return (_jsxs("span", { ...props, ref: ref, className: ['pui-spinner', className].filter(Boolean).join(' '), "data-size": size, "data-ui-size": scheme, role: decorative ? undefined : 'status', "aria-hidden": decorative || undefined, children: [_jsxs("svg", { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', "aria-hidden": 'true', children: [_jsx("circle", { cx: '12', cy: '12', r: '9', opacity: '.2' }), _jsx("path", { d: 'M12 3a9 9 0 0 1 9 9', strokeLinecap: 'round' })] }), !decorative && _jsx("span", { className: 'pui-feedback-sr', children: label })] }));
-});
-/** Decorative placeholder; the owning region provides aria-busy and loading text. */
-export const Skeleton = React.forwardRef(function Skeleton({ shape = 'text', className, ...props }, ref) {
-    return (_jsx("span", { ...props, ref: ref, className: ['pui-skeleton', className].filter(Boolean).join(' '), "data-shape": shape, "aria-hidden": 'true' }));
-});
-// Flat names for React Server Components, which cannot dot into client exports.
-export const { Indicator: MeterIndicator, Label: MeterLabel, Root: MeterRoot, Track: MeterTrack, Value: MeterValue, } = Meter;
-export const { Indicator: ProgressIndicator, Label: ProgressLabel, Root: ProgressRoot, Track: ProgressTrack, Value: ProgressValue, } = Progress;

package/dist/forms.d.ts

@@ -1,91 +0,0 @@
-import * as React from 'react';
-import { type ComponentSize } from './sizing.js';
-import { Form as BaseForm } from '@base-ui/react/form';
-import { Radio as BaseRadio } from '@base-ui/react/radio';
-import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
-declare const FieldRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const FieldLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLElement>>;
-declare const FieldControl: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLElement>>;
-declare const FieldDescription: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLParagraphElement>>;
-declare const FieldError: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const FieldItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const Field: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLElement>>;
-    Control: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-    Error: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/field").FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Validity: React.FC<import("@base-ui/react/field").FieldValidityProps>;
-};
-export declare const Fieldset: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/fieldset").FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLElement>>;
-    Legend: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/fieldset").FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export declare function Form<Values extends Record<string, unknown> = Record<string, unknown>>({ className, ...props }: BaseForm.Props<Values>): React.JSX.Element;
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLTextAreaElement>>;
-declare const CheckboxRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/checkbox").CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const CheckboxIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/checkbox").CheckboxIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Checkbox: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/checkbox").CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/checkbox").CheckboxIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-};
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/checkbox-group").CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare function RadioGroup<Value = string>({ value, defaultValue, onValueChange, className, form, ref, ...props }: BaseRadioGroup.Props<Value>): React.JSX.Element;
-declare const RadioRoot: React.ForwardRefExoticComponent<Omit<BaseRadio.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Radio: {
-    Root: React.ForwardRefExoticComponent<Omit<BaseRadio.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/radio").RadioIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLSpanElement>>;
-};
-declare const SwitchRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/switch").SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-export declare const Switch: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/switch").SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-    Thumb: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/switch").SwitchThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-        size?: ComponentSize;
-    } & React.RefAttributes<HTMLSpanElement>>;
-};
-export { CheckboxIndicator, CheckboxRoot, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldRoot, RadioRoot, SwitchRoot, };
-export declare const FieldValidity: React.FC<import("@base-ui/react/field").FieldValidityProps>;
-export declare const FieldsetLegend: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/fieldset").FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLDivElement>>, FieldsetRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/fieldset").FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLElement>>;
-export declare const RadioIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/radio").RadioIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLSpanElement>>;
-export declare const SwitchThumb: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react/switch").SwitchThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & {
-    size?: ComponentSize;
-} & React.RefAttributes<HTMLSpanElement>>;

package/dist/forms.js

@@ -1,109 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useComponentSize } from './sizing.js';
-import { Field as BaseField } from '@base-ui/react/field';
-import { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';
-import { Form as BaseForm } from '@base-ui/react/form';
-import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
-import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';
-import { Radio as BaseRadio } from '@base-ui/react/radio';
-import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
-import { Switch as BaseSwitch } from '@base-ui/react/switch';
-const ChoiceResetPaint = React.createContext(0);
-import { skin, part } from './parts.js';
-const FieldRoot = part(BaseField.Root, 'pui-field');
-const FieldLabel = part(BaseField.Label, 'pui-field-label');
-const FieldControl = part(BaseField.Control, 'pui-input');
-const FieldDescription = part(BaseField.Description, 'pui-field-description');
-const FieldError = part(BaseField.Error, 'pui-field-error');
-const FieldItem = part(BaseField.Item, 'pui-field-item');
-export const Field = {
-    ...BaseField,
-    Root: FieldRoot,
-    Label: FieldLabel,
-    Control: FieldControl,
-    Description: FieldDescription,
-    Error: FieldError,
-    Item: FieldItem,
-};
-export const Fieldset = {
-    ...BaseFieldset,
-    Root: part(BaseFieldset.Root, 'pui-fieldset'),
-    Legend: part(BaseFieldset.Legend, 'pui-fieldset-legend'),
-};
-export function Form({ className, ...props }) {
-    return _jsx(BaseForm, { ...props, className: skin('pui-form', className) });
-}
-export const Textarea = React.forwardRef(function Textarea({ className, size, ...props }, ref) {
-    const scheme = useComponentSize(size);
-    return (_jsx("textarea", { "data-ui-size": scheme, ...props, ref: ref, className: ['pui-input pui-textarea', className]
-            .filter(Boolean)
-            .join(' ') }));
-});
-import { useRootRef, useResetValue } from './form-state.js';
-const CheckboxRoot = React.forwardRef(function CheckboxRoot({ checked, defaultChecked = false, onCheckedChange, className, form, ...props }, ref) {
-    React.useContext(ChoiceResetPaint);
-    const [element, attach] = useRootRef(ref);
-    const [selected, setSelected] = useResetValue(checked, defaultChecked, element, form);
-    return (_jsx(BaseCheckbox.Root, { ...props, form: form, ref: attach, checked: selected, className: skin('pui-checkbox', className), onCheckedChange: (next, event) => {
-            onCheckedChange?.(next, event);
-            if (checked === undefined && !event.isCanceled)
-                setSelected(next);
-        } }));
-});
-const CheckboxIndicator = React.forwardRef(function CheckboxIndicator({ className, children, ...props }, ref) {
-    return (_jsx(BaseCheckbox.Indicator, { ...props, ref: ref, className: skin('pui-checkbox-indicator', className), children: children ?? (_jsxs("svg", { width: '14', height: '14', viewBox: '0 0 20 20', fill: 'none', stroke: 'currentColor', strokeWidth: '2', "aria-hidden": 'true', children: [_jsx("path", { className: 'pui-checkbox-check', d: 'm4 10 4 4 8-8' }), _jsx("path", { className: 'pui-checkbox-mixed', d: 'M4 10h12' })] })) }));
-});
-export const Checkbox = {
-    ...BaseCheckbox,
-    Root: CheckboxRoot,
-    Indicator: CheckboxIndicator,
-};
-export const CheckboxGroup = React.forwardRef(function CheckboxGroup({ value, defaultValue = [], onValueChange, className, ...props }, ref) {
-    const [element, attach] = useRootRef(ref);
-    const [selected, setSelected, revision] = useResetValue(value, defaultValue, element);
-    return (_jsx(ChoiceResetPaint.Provider, { value: revision, children: _jsx(BaseCheckboxGroup, { ...props, ref: attach, value: selected, className: skin('pui-choice-group', className), onValueChange: (next, event) => {
-                onValueChange?.(next, event);
-                if (value === undefined && !event.isCanceled)
-                    setSelected(next);
-            } }) }));
-});
-export function RadioGroup({ value, defaultValue, onValueChange, className, form, ref, ...props }) {
-    const [element, attach] = useRootRef(ref);
-    const [selected, setSelected, revision] = useResetValue(value, defaultValue ?? null, element, form);
-    return (_jsx(ChoiceResetPaint.Provider, { value: revision, children: _jsx(BaseRadioGroup, { ...props, form: form, ref: attach, value: selected, className: skin('pui-choice-group', className), onValueChange: (next, event) => {
-                onValueChange?.(next, event);
-                if (value === undefined && !event.isCanceled)
-                    setSelected(next);
-            } }) }));
-}
-const RadioRoot = React.forwardRef(function RadioRoot({ className, ...props }, ref) {
-    React.useContext(ChoiceResetPaint);
-    return (_jsx(BaseRadio.Root, { ...props, ref: ref, className: skin('pui-radio', className) }));
-});
-export const Radio = {
-    ...BaseRadio,
-    Root: RadioRoot,
-    Indicator: part(BaseRadio.Indicator, 'pui-radio-indicator'),
-};
-const SwitchRoot = React.forwardRef(function SwitchRoot({ checked, defaultChecked = false, onCheckedChange, className, form, ...props }, ref) {
-    const [element, attach] = useRootRef(ref);
-    const [selected, setSelected] = useResetValue(checked, defaultChecked, element, form);
-    return (_jsx(BaseSwitch.Root, { ...props, form: form, ref: attach, checked: selected, className: skin('pui-switch', className), onCheckedChange: (next, event) => {
-            onCheckedChange?.(next, event);
-            if (checked === undefined && !event.isCanceled)
-                setSelected(next);
-        } }));
-});
-export const Switch = {
-    ...BaseSwitch,
-    Root: SwitchRoot,
-    Thumb: part(BaseSwitch.Thumb, 'pui-switch-thumb'),
-};
-// Flat names for React Server Components, which cannot dot into client exports.
-export { CheckboxIndicator, CheckboxRoot, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldRoot, RadioRoot, SwitchRoot, };
-export const { Validity: FieldValidity } = Field;
-export const { Legend: FieldsetLegend, Root: FieldsetRoot } = Fieldset;
-export const { Indicator: RadioIndicator } = Radio;
-export const { Thumb: SwitchThumb } = Switch;