@surflane/ui 0.4.0 → 0.5.0

package/dist/chevron.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-/** The disclosure and breadcrumb chevron. Internal: not exported from the package. */
-export declare function Chevron(): React.JSX.Element;

package/dist/chevron.js

@@ -1,6 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/** The disclosure and breadcrumb chevron. Internal: not exported from the package. */
-export function Chevron() {
-    return (_jsx("svg", { className: 'pui-disclosure-chevron', width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', "aria-hidden": 'true', children: _jsx("path", { d: 'm9 6 6 6-6 6' }) }));
-}

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 { sizeName, 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": sizeName(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: /* @__PURE__ */ part(BaseToolbar.Root, 'pui-toolbar'),
-    Group: /* @__PURE__ */ part(BaseToolbar.Group, 'pui-toolbar-group'),
-    Button: /* @__PURE__ */ part(BaseToolbar.Button, 'pui-button pui-toolbar-button'),
-    Link: /* @__PURE__ */ part(BaseToolbar.Link, 'pui-button pui-toolbar-link'),
-    Input: /* @__PURE__ */ part(BaseToolbar.Input, 'pui-input pui-toolbar-input'),
-    Separator: /* @__PURE__ */ part(BaseToolbar.Separator, 'pui-toolbar-separator'),
-};
-export const Menubar = /* @__PURE__ */ 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/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, sizeName } from './parts.js';
-export const Progress = {
-    ...BaseProgress,
-    Root: /* @__PURE__ */ part(BaseProgress.Root, 'pui-gauge pui-progress'),
-    Label: /* @__PURE__ */ part(BaseProgress.Label, 'pui-gauge-label'),
-    Value: /* @__PURE__ */ part(BaseProgress.Value, 'pui-gauge-value'),
-    Track: /* @__PURE__ */ part(BaseProgress.Track, 'pui-gauge-track'),
-    Indicator: /* @__PURE__ */ part(BaseProgress.Indicator, 'pui-gauge-indicator'),
-};
-export const Meter = {
-    ...BaseMeter,
-    Root: /* @__PURE__ */ part(BaseMeter.Root, 'pui-gauge pui-meter'),
-    Label: /* @__PURE__ */ part(BaseMeter.Label, 'pui-gauge-label'),
-    Value: /* @__PURE__ */ part(BaseMeter.Value, 'pui-gauge-value'),
-    Track: /* @__PURE__ */ part(BaseMeter.Track, 'pui-gauge-track'),
-    Indicator: /* @__PURE__ */ part(BaseMeter.Indicator, 'pui-gauge-indicator'),
-};
-/** Use decorative within a loading region that already owns the announcement. */
-export const Spinner = /* @__PURE__ */ 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": sizeName(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 = /* @__PURE__ */ 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 = /* @__PURE__ */ React.createContext(0);
-import { skin, part } from './parts.js';
-const FieldRoot = /* @__PURE__ */ part(BaseField.Root, 'pui-field');
-const FieldLabel = /* @__PURE__ */ part(BaseField.Label, 'pui-field-label');
-const FieldControl = /* @__PURE__ */ part(BaseField.Control, 'pui-input');
-const FieldDescription = /* @__PURE__ */ part(BaseField.Description, 'pui-field-description');
-const FieldError = /* @__PURE__ */ part(BaseField.Error, 'pui-field-error');
-const FieldItem = /* @__PURE__ */ 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: /* @__PURE__ */ part(BaseFieldset.Root, 'pui-fieldset'),
-    Legend: /* @__PURE__ */ part(BaseFieldset.Legend, 'pui-fieldset-legend'),
-};
-export function Form({ className, ...props }) {
-    return _jsx(BaseForm, { ...props, className: skin('pui-form', className) });
-}
-export const Textarea = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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: /* @__PURE__ */ part(BaseRadio.Indicator, 'pui-radio-indicator'),
-};
-const SwitchRoot = /* @__PURE__ */ 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: /* @__PURE__ */ 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;

package/dist/navigation.js

@@ -1,41 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Separator as BaseSeparator } from '@base-ui/react/separator';
-import { Chevron } from './chevron.js';
-import { skin } from './parts.js';
-export const Separator = /* @__PURE__ */ React.forwardRef(function Separator({ inset = false, className, ...props }, ref) {
-    return (_jsx(BaseSeparator, { ...props, ref: ref, "data-inset": inset || undefined, className: skin('pui-separator', className) }));
-});
-export const Link = /* @__PURE__ */ React.forwardRef(function Link({ className, ...props }, ref) {
-    return (_jsx("a", { ...props, ref: ref, className: ['pui-link', className].filter(Boolean).join(' ') }));
-});
-const BreadcrumbRoot = /* @__PURE__ */ React.forwardRef(function BreadcrumbRoot({ className, 'aria-label': label = 'Breadcrumb', ...props }, ref) {
-    return (_jsx("nav", { ...props, ref: ref, "aria-label": label, className: ['pui-breadcrumbs', className].filter(Boolean).join(' ') }));
-});
-const BreadcrumbList = /* @__PURE__ */ React.forwardRef(function BreadcrumbList({ className, role = 'list', ...props }, ref) {
-    return (_jsx("ol", { ...props, role: role, ref: ref, className: ['pui-breadcrumb-list', className].filter(Boolean).join(' ') }));
-});
-const BreadcrumbItem = /* @__PURE__ */ React.forwardRef(function BreadcrumbItem({ className, ...props }, ref) {
-    return (_jsx("li", { ...props, ref: ref, className: ['pui-breadcrumb-item', className].filter(Boolean).join(' ') }));
-});
-function BreadcrumbSeparator({ className, ...props }) {
-    return (_jsx("span", { ...props, className: ['pui-breadcrumb-separator', className]
-            .filter(Boolean)
-            .join(' '), "aria-hidden": 'true', children: _jsx(Chevron, {}) }));
-}
-function BreadcrumbCurrent({ className, ...props }) {
-    return (_jsx("span", { ...props, className: ['pui-breadcrumb-current', className]
-            .filter(Boolean)
-            .join(' '), "aria-current": 'page' }));
-}
-export const Breadcrumbs = {
-    Root: BreadcrumbRoot,
-    List: BreadcrumbList,
-    Item: BreadcrumbItem,
-    Link,
-    Separator: BreadcrumbSeparator,
-    Current: BreadcrumbCurrent,
-};
-// Flat names for React Server Components, which cannot dot into client exports.
-export const { Root: BreadcrumbsRoot, List: BreadcrumbsList, Item: BreadcrumbsItem, Link: BreadcrumbsLink, Separator: BreadcrumbsSeparator, Current: BreadcrumbsCurrent, } = Breadcrumbs;

package/dist/panels.js

@@ -1,100 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { skin } from './parts.js';
-import { useComponentSize, normalizeSize, } from './sizing.js';
-import { Dialog as BaseDialog } from '@base-ui/react/dialog';
-import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
-const SheetSide = /* @__PURE__ */ React.createContext({
-    side: 'right',
-    modal: true,
-});
-const DrawerSide = /* @__PURE__ */ React.createContext({
-    side: 'bottom',
-    modal: true,
-});
-const cx = (...values) => values.filter(Boolean).join(' ');
-function CloseIcon() {
-    return (_jsx("svg", { width: '18', height: '18', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.7', "aria-hidden": 'true', children: _jsx("path", { d: 'm6 6 12 12M18 6 6 18' }) }));
-}
-function SheetRoot({ side = 'right', modal = true, ...props }) {
-    return (_jsx(SheetSide.Provider, { value: { side, modal }, children: _jsx(BaseDialog.Root, { ...props, modal: modal }) }));
-}
-function DrawerRoot({ side = 'bottom', modal = true, ...props }) {
-    const direction = {
-        left: 'left',
-        right: 'right',
-        top: 'up',
-        bottom: 'down',
-    };
-    return (_jsx(DrawerSide.Provider, { value: { side, modal }, children: _jsx(BaseDrawer.Root, { ...props, modal: modal, swipeDirection: direction[side] }) }));
-}
-const SheetContent = /* @__PURE__ */ React.forwardRef(function SheetContent({ size, closeLabel = 'Close panel', className, children, ...props }, ref) {
-    const scheme = useComponentSize(size);
-    const { side, modal } = React.useContext(SheetSide);
-    return (_jsx(BaseDialog.Portal, { children: _jsxs("div", { className: 'pui-panel-layer', "data-ui-size": scheme, children: [modal === true && (_jsx(BaseDialog.Backdrop, { className: 'pui-panel-backdrop' })), _jsx("div", { className: 'pui-panel-viewport', "data-side": side, children: _jsxs(BaseDialog.Popup, { ...props, ref: ref, className: skin('pui-panel', className), "data-side": side, "data-size": size
-                            ? normalizeSize(size) === 'small'
-                                ? 'sm'
-                                : normalizeSize(size) === 'large'
-                                    ? 'lg'
-                                    : 'md'
-                            : 'md', children: [_jsx(BaseDialog.Close, { className: 'pui-panel-close pui-icon-button', "aria-label": closeLabel, children: _jsx(CloseIcon, {}) }), children] }) })] }) }));
-});
-const DrawerContent = /* @__PURE__ */ React.forwardRef(function DrawerContent({ size, closeLabel = 'Close panel', className, children, ...props }, ref) {
-    const scheme = useComponentSize(size);
-    const { side, modal } = React.useContext(DrawerSide);
-    const KeyboardProvider = side === 'bottom' ? BaseDrawer.VirtualKeyboardProvider : React.Fragment;
-    return (_jsx(KeyboardProvider, { children: _jsx(BaseDrawer.Portal, { children: _jsxs("div", { className: 'pui-panel-layer', "data-ui-size": scheme, children: [modal === true && (_jsx(BaseDrawer.Backdrop, { className: 'pui-panel-backdrop' })), _jsx(BaseDrawer.Viewport, { className: 'pui-panel-viewport', "data-side": side, children: _jsxs(BaseDrawer.Popup, { ...props, ref: ref, className: skin('pui-panel pui-drawer', className), "data-side": side, "data-size": size
-                                ? normalizeSize(size) === 'small'
-                                    ? 'sm'
-                                    : normalizeSize(size) === 'large'
-                                        ? 'lg'
-                                        : 'md'
-                                : 'lg', children: [_jsx("div", { className: 'pui-drawer-handle', "aria-hidden": 'true' }), _jsx(BaseDrawer.Close, { className: 'pui-panel-close pui-icon-button', "aria-label": closeLabel, children: _jsx(CloseIcon, {}) }), _jsx(BaseDrawer.Content, { className: 'pui-panel-content', children: children })] }) })] }) }) }));
-});
-function Header({ className, ...props }) {
-    return _jsx("div", { ...props, className: cx('pui-panel-header', className) });
-}
-const Body = /* @__PURE__ */ React.forwardRef(function Body({ className, ...props }, ref) {
-    return (_jsx("div", { ...props, ref: ref, className: cx('pui-panel-body', className) }));
-});
-function Footer({ className, ...props }) {
-    return _jsx("div", { ...props, className: cx('pui-panel-footer', className) });
-}
-function SheetTitle({ className, ...props }) {
-    return (_jsx(BaseDialog.Title, { ...props, className: skin('pui-panel-title', className) }));
-}
-function SheetDescription({ className, ...props }) {
-    return (_jsx(BaseDialog.Description, { ...props, className: skin('pui-panel-description', className) }));
-}
-function DrawerTitle({ className, ...props }) {
-    return (_jsx(BaseDrawer.Title, { ...props, className: skin('pui-panel-title', className) }));
-}
-function DrawerDescription({ className, ...props }) {
-    return (_jsx(BaseDrawer.Description, { ...props, className: skin('pui-panel-description', className) }));
-}
-export const Sheet = {
-    ...BaseDialog,
-    Root: SheetRoot,
-    Content: SheetContent,
-    Header,
-    Body,
-    Footer,
-    Title: SheetTitle,
-    Description: SheetDescription,
-};
-export const Drawer = {
-    ...BaseDrawer,
-    Root: DrawerRoot,
-    Content: DrawerContent,
-    PrimitiveContent: BaseDrawer.Content,
-    Header,
-    Body,
-    Footer,
-    Title: DrawerTitle,
-    Description: DrawerDescription,
-};
-// Flat names for React Server Components, which cannot dot into client exports.
-export { DrawerContent, DrawerDescription, DrawerRoot, DrawerTitle, SheetDescription, SheetRoot, SheetTitle, SheetContent, };
-export const { Backdrop: DrawerBackdrop, Close: DrawerClose, Handle: DrawerHandle, Indent: DrawerIndent, IndentBackground: DrawerIndentBackground, Popup: DrawerPopup, Portal: DrawerPortal, Provider: DrawerProvider, SwipeArea: DrawerSwipeArea, Trigger: DrawerTrigger, Viewport: DrawerViewport, VirtualKeyboardProvider: DrawerVirtualKeyboardProvider, PrimitiveContent: DrawerPrimitiveContent, Header: DrawerHeader, Body: DrawerBody, Footer: DrawerFooter, } = Drawer;
-export const { Backdrop: SheetBackdrop, Close: SheetClose, Handle: SheetHandle, Popup: SheetPopup, Portal: SheetPortal, Trigger: SheetTrigger, Viewport: SheetViewport, Header: SheetHeader, Body: SheetBody, Footer: SheetFooter, } = Sheet;