@northstar-js/react 0.0.0-stage → 0.2.0

package/dist/forms.js

@@ -0,0 +1,241 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { useNorthstar } from './provider.js';
+import { cx, mergeRefs, useControllable } from './internal/util.js';
+import { Check, ChevronDown, Close, Minus, Plus, Search } from './internal/icons.js';
+const FieldContext = createContext(null);
+/** Label, description and error for one control; wires ids and aria-* to the control inside. */
+export function Field({ label, description, error, required = false, disabled = false, id, className, children, ...rest }) {
+    const auto = useId();
+    const controlId = id ?? `ns-field-${auto}`;
+    const descId = description ? `${controlId}-desc` : undefined;
+    const errId = error ? `${controlId}-err` : undefined;
+    const describedBy = [descId, errId].filter(Boolean).join(' ') || undefined;
+    const value = useMemo(() => ({ id: controlId, describedBy, invalid: Boolean(error), required, disabled }), [controlId, describedBy, error, required, disabled]);
+    return (_jsxs("div", { ...rest, className: cx('ns-field', className), "data-invalid": error ? true : undefined, children: [_jsxs("label", { className: "ns-field__label", htmlFor: controlId, children: [label, required && (_jsx("span", { className: "ns-field__required", "aria-hidden": "true", children: ' *' }))] }), _jsx(FieldContext.Provider, { value: value, children: children }), description && (_jsx("p", { id: descId, className: "ns-field__description", children: description })), error && (_jsxs("p", { id: errId, className: "ns-field__error", children: [_jsx("span", { "aria-hidden": "true", children: '! ' }), error] }))] }));
+}
+/** Field wiring for a control: id, aria-describedby, aria-invalid, required, disabled. */
+export function useFieldProps(props) {
+    const field = useContext(FieldContext);
+    const invalid = props.invalid ?? field?.invalid ?? false;
+    return {
+        aria: {
+            id: props.id ?? field?.id,
+            disabled: props.disabled ?? field?.disabled,
+            required: props.required ?? field?.required,
+            'aria-describedby': [props['aria-describedby'], field?.describedBy].filter(Boolean).join(' ') || undefined,
+            'aria-invalid': invalid || undefined,
+        },
+        invalid,
+    };
+}
+export function Input({ size = 'md', invalid, start, end, className, value, defaultValue, onValueChange, onChange, style, ...rest }) {
+    const { aria, invalid: isInvalid } = useFieldProps({ ...rest, invalid });
+    const [v, setV] = useControllable(value, defaultValue ?? '', onValueChange);
+    return (_jsxs("div", { className: cx('ns-input', `ns-size-${size}`, isInvalid && 'ns-invalid', aria.disabled && 'ns-disabled', className), style: style, children: [start && _jsx("span", { className: "ns-input__adornment", children: start }), _jsx("input", { ...rest, ...aria, className: "ns-input__control", value: v, onChange: (e) => {
+                    onChange?.(e);
+                    setV(e.target.value);
+                } }), end && _jsx("span", { className: "ns-input__adornment", children: end })] }));
+}
+export function Textarea({ invalid, className, value, defaultValue, onValueChange, onChange, ...rest }) {
+    const { aria, invalid: isInvalid } = useFieldProps({ ...rest, invalid });
+    const [v, setV] = useControllable(value, defaultValue ?? '', onValueChange);
+    return (_jsx("textarea", { ...rest, ...aria, className: cx('ns-textarea', isInvalid && 'ns-invalid', className), value: v, onChange: (e) => {
+            onChange?.(e);
+            setV(e.target.value);
+        } }));
+}
+/** A styled native select: platform keyboard and screen-reader behaviour for free. */
+export function Select({ options, placeholder, size = 'md', invalid, className, value, defaultValue, onValueChange, onChange, style, ...rest }) {
+    const { aria, invalid: isInvalid } = useFieldProps({ ...rest, invalid });
+    const [v, setV] = useControllable(value, defaultValue ?? '', onValueChange);
+    return (_jsxs("div", { className: cx('ns-select', `ns-size-${size}`, isInvalid && 'ns-invalid', className), style: style, children: [_jsxs("select", { ...rest, ...aria, className: "ns-select__control", value: v, onChange: (e) => {
+                    onChange?.(e);
+                    setV(e.target.value);
+                }, children: [placeholder !== undefined && (_jsx("option", { value: "", disabled: true, children: placeholder })), options.map((o) => (_jsx("option", { value: o.value, disabled: o.disabled, children: o.label }, o.value)))] }), _jsx("span", { className: "ns-select__chevron", "aria-hidden": "true", children: _jsx(ChevronDown, {}) })] }));
+}
+export function Combobox({ options, placeholder, size = 'md', invalid, className, value, defaultValue, onValueChange, filter, ...rest }) {
+    const { messages } = useNorthstar();
+    const { aria, invalid: isInvalid } = useFieldProps({ ...rest, invalid });
+    const [selected, setSelected] = useControllable(value, defaultValue ?? null, onValueChange);
+    const selectedLabel = options.find((o) => o.value === selected)?.label ?? '';
+    const [query, setQuery] = useState(selectedLabel);
+    const [open, setOpen] = useState(false);
+    const [active, setActive] = useState(-1);
+    const listId = `ns-combobox-${useId().replace(/:/g, '')}`;
+    const rootRef = useRef(null);
+    useEffect(() => setQuery(selectedLabel), [selectedLabel]);
+    const match = filter ?? ((o, q) => o.label.toLowerCase().includes(q.toLowerCase()));
+    const visible = query === selectedLabel ? options : options.filter((o) => match(o, query));
+    const commit = (o) => {
+        if (!o || o.disabled)
+            return;
+        setSelected(o.value);
+        setQuery(o.label);
+        setOpen(false);
+        setActive(-1);
+    };
+    const move = (delta) => {
+        if (!open)
+            setOpen(true);
+        if (visible.length === 0)
+            return;
+        let i = active;
+        for (let n = 0; n < visible.length; n++) {
+            i = (i + delta + visible.length) % visible.length;
+            if (!visible[i]?.disabled)
+                break;
+        }
+        setActive(i);
+    };
+    return (_jsxs("div", { ref: rootRef, className: cx('ns-combobox', className), onBlur: (e) => {
+            if (!rootRef.current?.contains(e.relatedTarget)) {
+                setOpen(false);
+                setQuery(selectedLabel);
+            }
+        }, children: [_jsxs("div", { className: cx('ns-input', `ns-size-${size}`, isInvalid && 'ns-invalid', aria.disabled && 'ns-disabled'), children: [_jsx("input", { ...aria, "aria-label": rest['aria-label'], className: "ns-input__control", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-autocomplete": "list", "aria-activedescendant": open && active >= 0 ? `${listId}-${active}` : undefined, autoComplete: "off", placeholder: placeholder, value: query, onChange: (e) => {
+                            setQuery(e.target.value);
+                            setOpen(true);
+                            setActive(-1);
+                        }, onClick: () => setOpen(true), onKeyDown: (e) => {
+                            if (e.key === 'ArrowDown') {
+                                e.preventDefault();
+                                move(1);
+                            }
+                            else if (e.key === 'ArrowUp') {
+                                e.preventDefault();
+                                move(-1);
+                            }
+                            else if (e.key === 'Enter' && open && active >= 0) {
+                                e.preventDefault();
+                                commit(visible[active]);
+                            }
+                            else if (e.key === 'Escape' && open) {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                setOpen(false);
+                                setQuery(selectedLabel);
+                            }
+                        } }), _jsx("span", { className: "ns-select__chevron", "aria-hidden": "true", children: _jsx(ChevronDown, {}) })] }), _jsx("ul", { id: listId, role: "listbox", className: "ns-combobox__list ns-pop", hidden: !open, "aria-label": rest['aria-label'], children: visible.map((o, i) => (_jsxs("li", { id: `${listId}-${i}`, role: "option", "aria-selected": o.value === selected, "aria-disabled": o.disabled || undefined, "data-active": i === active || undefined, className: "ns-option", onMouseDown: (e) => e.preventDefault(), onClick: () => commit(o), children: [_jsx("span", { children: o.label }), o.value === selected && _jsx(Check, {})] }, o.value))) }), open && visible.length === 0 && (_jsx("div", { className: "ns-combobox__empty ns-pop", role: "status", children: messages.noResults }))] }));
+}
+/** Native checkbox with rounded corners. */
+export function Checkbox({ checked, defaultChecked, indeterminate = false, onCheckedChange, onChange, className, children, ref, style, ...rest }) {
+    const [on, setOn] = useControllable(checked, defaultChecked ?? false, onCheckedChange);
+    const inner = useRef(null);
+    useEffect(() => {
+        if (inner.current)
+            inner.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    return (_jsxs("label", { className: cx('ns-check', rest.disabled && 'ns-disabled', className), style: style, children: [_jsx("input", { ...rest, ref: mergeRefs(ref, inner), type: "checkbox", className: "ns-check__input", checked: on, onChange: (e) => {
+                    onChange?.(e);
+                    setOn(e.target.checked);
+                } }), _jsx("span", { className: "ns-check__box", "aria-hidden": "true", children: indeterminate ? _jsx(Minus, {}) : _jsx(Check, {}) }), children && _jsx("span", { className: "ns-check__label", children: children })] }));
+}
+const RadioContext = createContext(null);
+export function RadioGroup({ name, value, defaultValue, onValueChange, disabled = false, orientation = 'vertical', label, className, children, ...rest }) {
+    const auto = useId();
+    const [v, setV] = useControllable(value, defaultValue ?? '', onValueChange);
+    return (_jsx("div", { role: "radiogroup", "aria-label": label, "aria-orientation": orientation, ...rest, className: cx('ns-radio-group', `ns-radio-group--${orientation}`, className), children: _jsx(RadioContext.Provider, { value: { name: name ?? `ns-radio-${auto}`, value: v, set: setV, disabled }, children: children }) }));
+}
+export function Radio({ value, children, className, disabled, style, onChange, ...rest }) {
+    const group = useContext(RadioContext);
+    const isDisabled = disabled ?? group?.disabled;
+    return (_jsxs("label", { className: cx('ns-check ns-radio', isDisabled && 'ns-disabled', className), style: style, children: [_jsx("input", { ...rest, type: "radio", className: "ns-check__input", name: group?.name ?? rest.name, value: value, disabled: isDisabled, checked: group ? group.value === value : rest.checked, onChange: (e) => {
+                    onChange?.(e);
+                    if (e.target.checked)
+                        group?.set(value);
+                } }), _jsx("span", { className: "ns-check__box", "aria-hidden": "true" }), children && _jsx("span", { className: "ns-check__label", children: children })] }));
+}
+export function Switch({ checked, defaultChecked, onCheckedChange, className, children, onClick, ...rest }) {
+    const { aria } = useFieldProps(rest);
+    const ariaNoRequired = { ...aria, required: undefined };
+    const [on, setOn] = useControllable(checked, defaultChecked ?? false, onCheckedChange);
+    const button = (_jsx("button", { type: "button", ...rest, ...ariaNoRequired, role: "switch", "aria-checked": on, className: cx('ns-switch', !children && className), onClick: (e) => {
+            onClick?.(e);
+            if (!e.defaultPrevented)
+                setOn(!on);
+        }, children: _jsx("span", { className: "ns-switch__thumb", "aria-hidden": "true" }) }));
+    if (!children)
+        return button;
+    return (_jsxs("label", { className: cx('ns-switch-label', className), children: [button, _jsx("span", { children: children })] }));
+}
+/** Native range input: arrow keys, Page Up/Down, Home and End work as on the platform. */
+export function Slider({ min = 0, max = 100, step = 1, value, defaultValue, onValueChange, onChange, className, style, ...rest }) {
+    const { aria } = useFieldProps(rest);
+    const [v, setV] = useControllable(value, defaultValue ?? min, onValueChange);
+    const pct = max > min ? ((v - min) / (max - min)) * 100 : 0;
+    return (_jsx("input", { ...rest, ...aria, type: "range", min: min, max: max, step: step, value: v, className: cx('ns-slider', className), style: { ...style, ['--ns-slider-fill']: `${pct}%` }, onChange: (e) => {
+            onChange?.(e);
+            setV(Number(e.target.value));
+        } }));
+}
+function clamp(n, min, max) {
+    if (min !== undefined && n < min)
+        return min;
+    if (max !== undefined && n > max)
+        return max;
+    return n;
+}
+export function NumberInput({ min, max, step = 1, size = 'md', invalid, value, defaultValue, onValueChange, className, style, onKeyDown, onBlur, ...rest }) {
+    const { messages } = useNorthstar();
+    const { aria, invalid: isInvalid } = useFieldProps({ ...rest, invalid });
+    const [v, setV] = useControllable(value, defaultValue ?? null, onValueChange);
+    const [draft, setDraft] = useState(v === null ? '' : String(v));
+    useEffect(() => setDraft(v === null ? '' : String(v)), [v]);
+    const bump = (dir) => setV(clamp((v ?? min ?? 0) + dir * step, min, max));
+    const commitDraft = () => {
+        if (draft.trim() === '')
+            return setV(null);
+        const n = Number(draft.replace(',', '.'));
+        if (Number.isFinite(n))
+            setV(clamp(n, min, max));
+        else
+            setDraft(v === null ? '' : String(v));
+    };
+    return (_jsxs("div", { className: cx('ns-input ns-number', `ns-size-${size}`, isInvalid && 'ns-invalid', aria.disabled && 'ns-disabled', className), style: style, children: [_jsx("input", { ...rest, ...aria, className: "ns-input__control", type: "text", inputMode: "decimal", role: "spinbutton", "aria-valuenow": v ?? undefined, "aria-valuemin": min, "aria-valuemax": max, value: draft, onChange: (e) => setDraft(e.target.value), onBlur: (e) => {
+                    commitDraft();
+                    onBlur?.(e);
+                }, onKeyDown: (e) => {
+                    onKeyDown?.(e);
+                    if (e.key === 'ArrowUp') {
+                        e.preventDefault();
+                        bump(1);
+                    }
+                    else if (e.key === 'ArrowDown') {
+                        e.preventDefault();
+                        bump(-1);
+                    }
+                    else if (e.key === 'Home' && min !== undefined) {
+                        e.preventDefault();
+                        setV(min);
+                    }
+                    else if (e.key === 'End' && max !== undefined) {
+                        e.preventDefault();
+                        setV(max);
+                    }
+                    else if (e.key === 'Enter')
+                        commitDraft();
+                } }), _jsxs("span", { className: "ns-number__steppers", children: [_jsx("button", { type: "button", tabIndex: -1, "aria-label": messages.decrement, disabled: aria.disabled || (min !== undefined && v !== null && v <= min), onClick: () => bump(-1), children: _jsx(Minus, {}) }), _jsx("button", { type: "button", tabIndex: -1, "aria-label": messages.increment, disabled: aria.disabled || (max !== undefined && v !== null && v >= max), onClick: () => bump(1), children: _jsx(Plus, {}) })] })] }));
+}
+export function SearchInput({ value, defaultValue, onValueChange, onClear, placeholder, ref, onKeyDown, ...rest }) {
+    const { messages } = useNorthstar();
+    const [v, setV] = useControllable(value, defaultValue ?? '', onValueChange);
+    const inner = useRef(null);
+    const clear = () => {
+        setV('');
+        onClear?.();
+    };
+    return (_jsx(Input, { "aria-label": rest['aria-label'] ?? messages.search, placeholder: placeholder ?? messages.search, ...rest, ref: mergeRefs(ref, inner), type: "search", value: v, onValueChange: setV, onKeyDown: (e) => {
+            onKeyDown?.(e);
+            if (e.key === 'Escape' && v) {
+                e.preventDefault();
+                e.stopPropagation();
+                clear();
+            }
+        }, start: _jsx(Search, {}), end: v ? (_jsx("button", { type: "button", className: "ns-input__clear", "aria-label": messages.clear, onClick: () => {
+                clear();
+                inner.current?.focus();
+            }, children: _jsx(Close, {}) })) : undefined }));
+}
+//# sourceMappingURL=forms.js.map

package/dist/forms.js.map

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

package/dist/glass.d.ts

@@ -0,0 +1,74 @@
+/** Mirrors `material.liquid.*` in @northstar-js/tokens (checked by a test). */
+export declare const LIQUID: {
+    readonly scale: {
+        readonly sm: 14;
+        readonly md: 28;
+        readonly lg: 44;
+    };
+    readonly bevel: 0.16;
+    readonly aberration: 2;
+    readonly frost: 0.6;
+    /** Mirrors `radius.glass.*`: tight corners for precision, never fully round. */
+    readonly radius: {
+        readonly panel: 10;
+        readonly bar: 10;
+        readonly control: 7;
+        readonly inner: 6;
+    };
+};
+export type LiquidSize = keyof typeof LIQUID.scale;
+/** A `radius.glass.*` step, `pill` (now the bar radius, not fully round) or `full` (a true circle or capsule). */
+export type LiquidRadius = number | keyof typeof LIQUID.radius | 'pill' | 'full';
+/**
+ * The displacement map as an SVG data URI. Red carries x, green carries y;
+ * each ramps from 1 to 0.5 across the rim and stays at 0.5 (no movement) in
+ * the body. With `w`/`h` the rim is in true pixels; without, it is a fraction
+ * of a stretched 100 × 100 box, which is close enough for small controls.
+ */
+export declare function displacementMap(w?: number, h?: number, bevel?: number, radius?: number): string;
+interface FilterProps {
+    id: string;
+    scale: number;
+    map: string;
+    aberration?: number;
+    frost?: number;
+    width?: number;
+    height?: number;
+}
+/** One refraction filter. Shared presets use a stretched map; LiquidGlass with a numeric scale renders its own, measured. */
+export declare function LiquidFilter({ id, scale, map, aberration, frost, width, height }: FilterProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The shared filter defs (`#ns-liquid-sm|md|lg`), inserted once into
+ * document.body however many providers mount, and removed with the last one.
+ * Also marks <html data-ns-liquid="refract"> where refraction is supported.
+ */
+export declare function useLiquidDefs(enabled?: boolean): void;
+type GlassTag = 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'nav' | 'span' | 'li';
+export interface LiquidGlassProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Refraction strength. A preset (`sm` for controls, `md` for cards and bars,
+     * `lg` for sheets and dialogs) uses the shared filter; a number (px of
+     * displacement) renders a filter measured to this element.
+     */
+    scale?: LiquidSize | number;
+    /**
+     * Corner radius: px, or a `radius.glass.*` step (`panel`, `bar`, `control`,
+     * `inner`). `pill` is the bar radius (glass is no longer fully round);
+     * `full` is a true capsule. Default `panel` (10px).
+     */
+    radius?: LiquidRadius;
+    /** Lift with a soft drop shadow. Default true. */
+    floating?: boolean;
+    /** Glacier tint strength. `none` keeps only the neutral body. */
+    tint?: 'none' | 'subtle' | 'signal';
+    as?: GlassTag;
+    ref?: React.Ref<HTMLElement>;
+}
+/**
+ * Thin, refractive glass in the iOS 26 manner: the backdrop bends at the rim,
+ * a specular highlight sits on the top-left, a rim of light runs round the
+ * edge with an inner glow under it, and the body carries a faint glacier tint.
+ */
+export declare function LiquidGlass({ scale, radius, floating, tint, as: Tag, className, style, ref, children, ...rest }: LiquidGlassProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=glass.d.ts.map

package/dist/glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../src/glass.tsx"],"names":[],"mappings":"AAaA,+EAA+E;AAC/E,eAAO,MAAM,MAAM;;;;;;;;;IAKjB,gFAAgF;;;;;;;CAExE,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AACnD,kHAAkH;AAClH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAM,EAAE,CAAC,SAAM,EAAE,KAAK,GAAE,MAAqB,EAAE,MAAM,SAAI,GAAG,MAAM,CAalG;AAOD,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,6HAA6H;AAC7H,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,UAA8B,EAAE,KAAoB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,2CAkBhI;AAYD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,UAAO,QAoC3C;AAED,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAEtG,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpC,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAY,EAAE,MAAgB,EAAE,QAAe,EAAE,IAAe,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAuC5K"}

package/dist/glass.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Liquid glass. The refraction is an SVG filter used as a backdrop-filter:
+// a displacement map that is neutral (50 % grey) in the body and ramps at the
+// rim, so the backdrop bends inward at the edges like light through a thick
+// lens; three displacements at slightly different scales split the colour at
+// the rim (chromatic aberration), then a little frost and saturation.
+// Only Chromium applies url() filters in backdrop-filter, so the root gets
+// data-ns-liquid="refract" there; everywhere else the CSS falls back to blur
+// plus the specular layers, and to the opaque solid under reduced
+// transparency, in forced colours, and without backdrop-filter.
+import { useEffect, useId, useRef, useState } from 'react';
+import { cx, mergeRefs } from './internal/util.js';
+/** Mirrors `material.liquid.*` in @northstar-js/tokens (checked by a test). */
+export const LIQUID = {
+    scale: { sm: 14, md: 28, lg: 44 },
+    bevel: 0.16,
+    aberration: 2,
+    frost: 0.6,
+    /** Mirrors `radius.glass.*`: tight corners for precision, never fully round. */
+    radius: { panel: 10, bar: 10, control: 7, inner: 6 },
+};
+/**
+ * The displacement map as an SVG data URI. Red carries x, green carries y;
+ * each ramps from 1 to 0.5 across the rim and stays at 0.5 (no movement) in
+ * the body. With `w`/`h` the rim is in true pixels; without, it is a fraction
+ * of a stretched 100 × 100 box, which is close enough for small controls.
+ */
+export function displacementMap(w = 100, h = 100, bevel = LIQUID.bevel, radius = 0) {
+    const b = Math.max(1, Math.min(w, h) * bevel);
+    const fx = Math.min(0.5, b / w);
+    const fy = Math.min(0.5, b / h);
+    const r = Math.min(radius, Math.min(w, h) / 2);
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 ${w} ${h}" preserveAspectRatio="none">` +
+        `<defs><linearGradient id="x" x2="1"><stop offset="0" stop-color="#f00"/><stop offset="${fx}" stop-color="#800000"/><stop offset="${1 - fx}" stop-color="#800000"/><stop offset="1" stop-color="#000"/></linearGradient>` +
+        `<linearGradient id="y" x2="0" y2="1"><stop offset="0" stop-color="#0f0"/><stop offset="${fy}" stop-color="#008000"/><stop offset="${1 - fy}" stop-color="#008000"/><stop offset="1" stop-color="#000"/></linearGradient>` +
+        `<filter id="s"><feGaussianBlur stdDeviation="${(b / 3).toFixed(1)}"/></filter></defs>` +
+        `<rect width="${w}" height="${h}" fill="url(#x)"/><rect width="${w}" height="${h}" fill="url(#y)" style="mix-blend-mode:screen"/>` +
+        `<rect x="${b}" y="${b}" width="${Math.max(0, w - 2 * b)}" height="${Math.max(0, h - 2 * b)}" rx="${Math.max(0, r - b)}" fill="#808000" filter="url(#s)"/></svg>`;
+    return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+}
+function channel(name) {
+    const m = { R: '1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0', G: '0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0', B: '0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0' };
+    return m[name];
+}
+/** One refraction filter. Shared presets use a stretched map; LiquidGlass with a numeric scale renders its own, measured. */
+export function LiquidFilter({ id, scale, map, aberration = LIQUID.aberration, frost = LIQUID.frost, width, height }) {
+    const box = width && height ? { x: 0, y: 0, width, height, filterUnits: 'userSpaceOnUse' } : { x: '0%', y: '0%', width: '100%', height: '100%' };
+    const img = width && height ? { width, height } : { width: '100%', height: '100%' };
+    return (_jsxs("filter", { id: id, ...box, colorInterpolationFilters: "sRGB", children: [_jsx("feImage", { href: map, x: "0", y: "0", ...img, preserveAspectRatio: "none", result: "map" }), ['R', 'G', 'B'].map((c, i) => (_jsx("feDisplacementMap", { in: "SourceGraphic", in2: "map", scale: scale + (i - 1) * aberration * -1, xChannelSelector: "R", yChannelSelector: "G", result: `d${c}` }, c))), ['R', 'G', 'B'].map((c) => (_jsx("feColorMatrix", { in: `d${c}`, type: "matrix", values: channel(c), result: `c${c}` }, c))), _jsx("feBlend", { in: "cR", in2: "cG", mode: "screen", result: "rg" }), _jsx("feBlend", { in: "rg", in2: "cB", mode: "screen", result: "rgb" }), _jsx("feGaussianBlur", { in: "rgb", stdDeviation: frost, result: "frost" }), _jsx("feColorMatrix", { in: "frost", type: "saturate", values: "1.5" })] }));
+}
+let defsUsers = 0;
+let defsHost = null;
+function supportsRefraction() {
+    if (typeof navigator === 'undefined' || typeof CSS === 'undefined' || !CSS.supports?.('backdrop-filter', 'url(#a)'))
+        return false;
+    const brands = navigator.userAgentData?.brands;
+    if (brands)
+        return brands.some((b) => /Chromium|Chrome|Edge/.test(b.brand));
+    return /Chrome\/|Chromium\/|Edg\//.test(navigator.userAgent) && !/Firefox\//.test(navigator.userAgent);
+}
+/**
+ * The shared filter defs (`#ns-liquid-sm|md|lg`), inserted once into
+ * document.body however many providers mount, and removed with the last one.
+ * Also marks <html data-ns-liquid="refract"> where refraction is supported.
+ */
+export function useLiquidDefs(enabled = true) {
+    useEffect(() => {
+        if (!enabled || typeof document === 'undefined')
+            return;
+        defsUsers++;
+        if (!defsHost) {
+            const ns = 'http://www.w3.org/2000/svg';
+            const svg = document.createElementNS(ns, 'svg');
+            svg.setAttribute('aria-hidden', 'true');
+            svg.setAttribute('focusable', 'false');
+            svg.setAttribute('width', '0');
+            svg.setAttribute('height', '0');
+            svg.setAttribute('style', 'position:absolute;width:0;height:0;overflow:hidden;pointer-events:none');
+            svg.setAttribute('data-ns-liquid-defs', '');
+            const map = displacementMap();
+            const parts = Object.keys(LIQUID.scale).map((size) => {
+                const s = LIQUID.scale[size];
+                const ch = ['R', 'G', 'B']
+                    .map((c, i) => `<feDisplacementMap in="SourceGraphic" in2="map" scale="${s - (i - 1) * LIQUID.aberration}" xChannelSelector="R" yChannelSelector="G" result="d${c}"/><feColorMatrix in="d${c}" type="matrix" values="${channel(c)}" result="c${c}"/>`)
+                    .join('');
+                return `<filter id="ns-liquid-${size}" x="0%" y="0%" width="100%" height="100%" color-interpolation-filters="sRGB"><feImage href="${map}" x="0" y="0" width="100%" height="100%" preserveAspectRatio="none" result="map"/>${ch}<feBlend in="cR" in2="cG" mode="screen" result="rg"/><feBlend in="rg" in2="cB" mode="screen" result="rgb"/><feGaussianBlur in="rgb" stdDeviation="${LIQUID.frost}" result="f"/><feColorMatrix in="f" type="saturate" values="1.5"/></filter>`;
+            });
+            svg.innerHTML = `<defs>${parts.join('')}</defs>`;
+            document.body.appendChild(svg);
+            defsHost = svg;
+            if (supportsRefraction())
+                document.documentElement.setAttribute('data-ns-liquid', 'refract');
+        }
+        return () => {
+            defsUsers--;
+            if (defsUsers <= 0 && defsHost) {
+                defsHost.remove();
+                defsHost = null;
+                defsUsers = 0;
+                document.documentElement.removeAttribute('data-ns-liquid');
+            }
+        };
+    }, [enabled]);
+}
+/**
+ * Thin, refractive glass in the iOS 26 manner: the backdrop bends at the rim,
+ * a specular highlight sits on the top-left, a rim of light runs round the
+ * edge with an inner glow under it, and the body carries a faint glacier tint.
+ */
+export function LiquidGlass({ scale = 'md', radius = 'panel', floating = true, tint = 'subtle', as: Tag = 'div', className, style, ref, children, ...rest }) {
+    const custom = typeof scale === 'number';
+    const fid = `ns-lg-${useId().replace(/:/g, '')}`;
+    const node = useRef(null);
+    const [box, setBox] = useState(null);
+    useEffect(() => {
+        const el = node.current;
+        if (!custom || !el || typeof ResizeObserver === 'undefined')
+            return;
+        const ro = new ResizeObserver(() => {
+            const w = Math.round(el.offsetWidth);
+            const h = Math.round(el.offsetHeight);
+            setBox((b) => (b && b.w === w && b.h === h ? b : w > 0 && h > 0 ? { w, h } : b));
+        });
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, [custom]);
+    const step = radius === 'pill' ? 'bar' : radius;
+    const r = typeof step === 'number' ? step : step === 'full' ? 9999 : LIQUID.radius[step];
+    const vars = {
+        '--ns-liquid-radius': typeof step === 'number' ? `${step}px` : step === 'full' ? '9999px' : `var(--ns-radius-glass-${step})`,
+    };
+    if (custom && box)
+        vars['--ns-liquid-filter'] = `url(#${fid})`;
+    return (_jsxs(Tag, { ...rest, ref: mergeRefs(ref, (el) => {
+            node.current = el;
+        }), className: cx('ns-liquid', !custom && `ns-liquid--${scale}`, floating && 'ns-liquid--floating', `ns-liquid--tint-${tint}`, className), style: { ...vars, ...style }, children: [custom && box && (_jsx("svg", { className: "ns-liquid__defs", "aria-hidden": "true", focusable: "false", width: "0", height: "0", children: _jsx(LiquidFilter, { id: fid, scale: scale, map: displacementMap(box.w, box.h, LIQUID.bevel, r), width: box.w, height: box.h }) })), children] }));
+}
+//# sourceMappingURL=glass.js.map

package/dist/glass.js.map

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