@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.1

package/components/Dialog/Dialog.d.ts

@@ -1,122 +0,0 @@
-import * as React from 'react';
-import { Dialog as BaseDialog } from '@base-ui/react/dialog';
-import { useRender } from '@base-ui/react/use-render';
-import { type VariantProps } from 'class-variance-authority';
-import { type ButtonProps } from '../Button';
-import { type FieldPreset } from '../../utils/scope';
-export declare const dialog: (props?: ({
-    wide?: boolean | null | undefined;
-    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
-    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/** The Backdrop part: colorless by default; `covered` is the opaque solid cover (from --md-n-above). */
-export declare const dialogBackdrop: (props?: ({
-    covered?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type DialogVariants = VariantProps<typeof dialog>;
-/** Props for Dialog: Base UI Dialog.Root props (`open`, `onOpenChange`, `modal` …). */
-export type DialogProps<Payload = unknown> = BaseDialog.Root.Props<Payload>;
-/**
- * Groups the parts of a dialog (Base UI Dialog.Root). Modal by default: the
- * page stays visible, inert and scroll-locked, never dimmed [D24 → D121].
- */
-export declare function Dialog<Payload = unknown>(props: DialogProps<Payload>): React.JSX.Element;
-/** Props for DialogTrigger: Button props plus Base UI's trigger `handle` and `payload`. */
-export type DialogTriggerProps = ButtonProps & {
-    /** Associates a detached trigger with a Dialog created by `Dialog.createHandle`. */
-    handle?: BaseDialog.Trigger.Props['handle'];
-    /** A payload handed to the Dialog's children function when this trigger opens it. */
-    payload?: unknown;
-};
-/** Opens the dialog. Renders a Button (§9.2); author its label in title case [D160]. */
-export declare function DialogTrigger(props: DialogTriggerProps): React.JSX.Element;
-/** Props for DialogPopup: Base UI Dialog.Popup props plus the panel axes, the cover and the portal options. */
-export type DialogPopupProps = BaseDialog.Popup.Props & {
-    /** `true`: the detail-view width, --ds-measure-reading, from --md-n-above. Default `false`. */
-    wide?: DialogVariants['wide'];
-    /**
-     * Primary Radix scale inside the panel's `white` scope: text, frame and
-     * rules. Omitted, the white preset's default; never the trigger's [D133].
-     */
-    primary?: DialogVariants['primary'];
-    /** Secondary Radix scale inside the panel: accents only. Omitted, the white preset's default. */
-    secondary?: DialogVariants['secondary'];
-    /**
-     * The optional solid cover, from --md-n-above: the page ground's
-     * companion field [D177] (paper, white, meadow and pollen → `forest`;
-     * tide and heather → `royal`; apricot and rose → `brick`; see
-     * `companionField` from Ground). It renders as a `kind="field"` Ground of
-     * that preset at full-viewport geometry with no edge, fully opaque,
-     * hiding the page [D88 → D121]. Omitted (default), no backdrop is painted.
-     */
-    cover?: FieldPreset;
-    /** The element the portal renders into. Default: `document.body`. */
-    container?: BaseDialog.Portal.Props['container'];
-    /** Keeps the portal mounted while closed. */
-    keepMounted?: boolean;
-};
-/**
- * The modal panel, rendered in its Base UI Portal as a nested `white` scope
- * with the --ds-stroke-3 --primary12 frame. Below --md-n-above it is a
- * full-screen opaque sheet; from --md-n-above it is centered, at least
- * --ds-space-40 from every edge. It opens instantly or with a clip reveal,
- * never a fade. Compose `DialogTopBar` (eyebrow, title, close), `DialogBody`
- * and `DialogActions` inside it.
- *
- * Focus moves to the first field in the body, else to Base UI's default
- * (the first tabbable element); pass `initialFocus` to override.
- */
-export declare function DialogPopup(props: DialogPopupProps): React.JSX.Element;
-/** Props for DialogTopBar: `div` props and `render`. */
-export type DialogTopBarProps = useRender.ComponentProps<'div'>;
-/**
- * The titled top bar: an optional `DialogEyebrow`, the `DialogTitle` and the
- * `DialogClose` X. At least --ds-size-control-xl tall; on the sheet a
- * --ds-stroke-3 --primary12 rule runs under it.
- */
-export declare function DialogTopBar(props: DialogTopBarProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for DialogEyebrow: `p` props and `render`. */
-export type DialogEyebrowProps = useRender.ComponentProps<'p'>;
-/** An optional eyebrow above the title, in tracked caps (`type-eyebrow`); dropped below 360 px. */
-export declare function DialogEyebrow(props: DialogEyebrowProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for DialogTitle: Base UI Dialog.Title props. */
-export type DialogTitleProps = BaseDialog.Title.Props;
-/**
- * The dialog's title and accessible name (Base UI Dialog.Title, an `h2`),
- * in `type-itemhead`. Every dialog has one.
- */
-export declare function DialogTitle(props: DialogTitleProps): React.JSX.Element;
-/** Props for DialogDescription: Base UI Dialog.Description props. */
-export type DialogDescriptionProps = BaseDialog.Description.Props;
-/** The dialog's description (Base UI Dialog.Description), in `type-body-ui` --primary12. */
-export declare function DialogDescription(props: DialogDescriptionProps): React.JSX.Element;
-/** Props for DialogClose: Base UI Dialog.Close props plus the X's accessible name. */
-export type DialogCloseProps = BaseDialog.Close.Props & {
-    /** The close X's accessible name, visually hidden. Default "Close". */
-    label?: string;
-};
-/**
- * Closes the dialog. By default the top bar's X: an icon-only Button with
- * the inline-tier `close` glyph and a --ds-size-hit target (§9.2). Pass
- * `render` (for example `<Button variant="outline">Cancel</Button>`) to
- * close from an action instead; `label` is then ignored.
- */
-export declare function DialogClose(props: DialogCloseProps): React.JSX.Element;
-/** Props for DialogBody: `div` props and `render`. */
-export type DialogBodyProps = useRender.ComponentProps<'div'>;
-/**
- * The scrolling body: description and content. While content is hidden
- * above or below, a --border-size-2 --role-rule edge shows under the top
- * bar or above the action bar (the §10.19 overflow edge), never a fade.
- */
-export declare function DialogBody(props: DialogBodyProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for DialogActions: `div` props and `render`. */
-export type DialogActionsProps = useRender.ComponentProps<'div'>;
-/**
- * The action bar: a `solid` Button first, then its outline twin, each
- * hugging its label. Stacked and docked at the bottom of the sheet below
- * --md-n-above; one row from it [D106].
- */
-export declare function DialogActions(props: DialogActionsProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export {};
-//# sourceMappingURL=Dialog.d.ts.map

package/components/Dialog/Dialog.d.ts.map

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

package/components/Dialog/Dialog.js

@@ -1,240 +0,0 @@
-'use client';
-import * as React from 'react';
-import { Dialog as BaseDialog } from '@base-ui/react/dialog';
-import { useRender } from '@base-ui/react/use-render';
-import { mergeProps } from '@base-ui/react/merge-props';
-import { cva } from 'class-variance-authority';
-import { Button } from '../Button';
-import { Ground } from '../Ground';
-import { cx, resolveClassName } from '../../utils/className';
-import { OverlayScope, overlayActionClassName, overlayAttributes, overlayScales, } from '../../utils/overlay';
-import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
-import { GroundContext, rootScope } from '../../utils/scope';
-import styles from './dialog.module.css';
-/*
- * Dialog (§10.14): a focused sub-task in a modal panel.
- *
- * Implementation (CSS Modules + CVA)
- * - Module: dialog.module.css; CVA functions `dialog` (the popup panel) and
- *   `dialogBackdrop` (the optional solid cover). Alert Dialog composes this
- *   panel and adds its glyph (alert-dialog.module.css).
- * - Axes: `wide` → `wide` (width --ds-measure-reading from --md-n-above);
- *   `primary`, `secondary` → scales module classes, applied inside the
- *   panel's scope. `dialogBackdrop`: `covered` → `covered`.
- * - Compound variants: none. Defaults: `wide: false`; color axes: none.
- * - Color fallback: the panel takes the `white` preset's defaults; explicit
- *   props apply inside it. Actions are §9.2 Buttons.
- * - States: Popup data-starting-style / data-ending-style → the clip reveal,
- *   instant under --motionNotOK [D91]; data-nested-dialog-open → the lower
- *   dialog stays visible, framed and inert, never dimmed; body
- *   data-overflow-y-start / -end (the §10.19 Scroll Area names, set here)
- *   → the scroll-edge rules; Close is an icon-only Button (§9.2 states).
- * - Parts: base, topBar, eyebrow, title, close, body, description, actions,
- *   backdrop.
- * - Scope: the popup renders in its Base UI Portal as a nested `white`
- *   scope (`page` scheme, no data-theme) with the --ds-stroke-3 --primary12
- *   frame [D92, D139, D156]. The cover renders as a `kind="field"` Ground
- *   of the page ground's companion field, which writes its own data-theme
- *   [D148, D177, D178].
- * - Container: none; the dialog is page frame and uses the viewport media:
- *   a full-screen sheet below --md-n-above, centered from it [D121].
- */
-export const dialog = cva(styles.base, {
-    variants: {
-        wide: {
-            true: styles.wide,
-        },
-        // Color axes: never defaulted [D133]; DialogPopup computes the overlay preset's defaults.
-        primary: primaryScaleVariants,
-        secondary: secondaryScaleVariants,
-    },
-    defaultVariants: {
-        wide: false,
-    },
-});
-/** The Backdrop part: colorless by default; `covered` is the opaque solid cover (from --md-n-above). */
-export const dialogBackdrop = cva(styles.backdrop, {
-    variants: {
-        covered: {
-            true: styles.covered,
-        },
-    },
-    defaultVariants: {
-        covered: false,
-    },
-});
-/**
- * Groups the parts of a dialog (Base UI Dialog.Root). Modal by default: the
- * page stays visible, inert and scroll-locked, never dimmed [D24 → D121].
- */
-export function Dialog(props) {
-    return React.createElement(BaseDialog.Root, { ...props });
-}
-/** Opens the dialog. Renders a Button (§9.2); author its label in title case [D160]. */
-export function DialogTrigger(props) {
-    const { handle, payload, ...buttonProps } = props;
-    return (React.createElement(BaseDialog.Trigger, { handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
-}
-/** Where focus lands on open: the first field in the body, else Base UI's default [§10.14 States]. */
-const fieldSelector = [
-    'input:not([type="hidden"]):not(:disabled)',
-    'select:not(:disabled)',
-    'textarea:not(:disabled)',
-    '[role="combobox"]:not([aria-disabled="true"])',
-    '[role="textbox"]',
-    '[contenteditable="true"]',
-].join(',');
-const DialogContext = React.createContext(null);
-/**
- * The modal panel, rendered in its Base UI Portal as a nested `white` scope
- * with the --ds-stroke-3 --primary12 frame. Below --md-n-above it is a
- * full-screen opaque sheet; from --md-n-above it is centered, at least
- * --ds-space-40 from every edge. It opens instantly or with a clip reveal,
- * never a fade. Compose `DialogTopBar` (eyebrow, title, close), `DialogBody`
- * and `DialogActions` inside it.
- *
- * Focus moves to the first field in the body, else to Base UI's default
- * (the first tabbable element); pass `initialFocus` to override.
- */
-export function DialogPopup(props) {
-    const { wide, primary, secondary, cover, container, keepMounted, className, initialFocus, children, ...rest } = props;
-    const bodyRef = React.useRef(null);
-    const context = React.useMemo(() => ({ bodyRef }), []);
-    const scales = overlayScales(primary, secondary);
-    const focusFirstField = React.useCallback((interaction) => {
-        // Opened by touch: Base UI focuses the popup so no keyboard opens.
-        if (interaction === 'touch')
-            return true;
-        return bodyRef.current?.querySelector(fieldSelector) ?? true;
-    }, []);
-    return (React.createElement(BaseDialog.Portal, { container: container, keepMounted: keepMounted },
-        cover ? React.createElement(DialogCover, { preset: cover }) : null,
-        React.createElement(BaseDialog.Popup, { ...rest, ...overlayAttributes, initialFocus: initialFocus ?? focusFirstField, className: resolveClassName(className, (extra) => dialog({
-                wide,
-                primary: scales.primary,
-                secondary: scales.secondary,
-                className: cx(overlayActionClassName, extra),
-            })) },
-            React.createElement(DialogContext.Provider, { value: context },
-                React.createElement(OverlayScope, null, children)))));
-}
-/**
- * The solid cover: the Backdrop rendered as a `kind="field"` Ground of the
- * companion field [D177, D178]. Ground writes the field's fixed mode; the
- * Dialog writes no data-theme, and its `covered` class replaces the field's
- * inset geometry and edge with the full viewport. Base UI renders it for
- * the lowest dialog only, so an Alert over a Dialog never adds a second
- * cover.
- */
-function DialogCover({ preset }) {
-    return (React.createElement(GroundContext.Provider, { value: rootScope },
-        React.createElement(BaseDialog.Backdrop, { className: dialogBackdrop({ covered: true }), render: React.createElement(Ground, { kind: "field", preset: preset, render: React.createElement("div", null) }) })));
-}
-/**
- * The titled top bar: an optional `DialogEyebrow`, the `DialogTitle` and the
- * `DialogClose` X. At least --ds-size-control-xl tall; on the sheet a
- * --ds-stroke-3 --primary12 rule runs under it.
- */
-export function DialogTopBar(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref,
-        props: mergeProps({ className: cx(styles.topBar, className) }, rest),
-    });
-}
-/** An optional eyebrow above the title, in tracked caps (`type-eyebrow`); dropped below 360 px. */
-export function DialogEyebrow(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'p',
-        render,
-        ref,
-        props: mergeProps({ className: cx(styles.eyebrow, className) }, rest),
-    });
-}
-/**
- * The dialog's title and accessible name (Base UI Dialog.Title, an `h2`),
- * in `type-itemhead`. Every dialog has one.
- */
-export function DialogTitle(props) {
-    const { className, ...rest } = props;
-    return (React.createElement(BaseDialog.Title, { ...rest, className: resolveClassName(className, (extra) => cx(styles.title, extra)) }));
-}
-/** The dialog's description (Base UI Dialog.Description), in `type-body-ui` --primary12. */
-export function DialogDescription(props) {
-    const { className, ...rest } = props;
-    return (React.createElement(BaseDialog.Description, { ...rest, className: resolveClassName(className, (extra) => cx(styles.description, extra)) }));
-}
-/**
- * Closes the dialog. By default the top bar's X: an icon-only Button with
- * the inline-tier `close` glyph and a --ds-size-hit target (§9.2). Pass
- * `render` (for example `<Button variant="outline">Cancel</Button>`) to
- * close from an action instead; `label` is then ignored.
- */
-export function DialogClose(props) {
-    const { label = 'Close', render, className, children, ...rest } = props;
-    if (render) {
-        return (React.createElement(BaseDialog.Close, { ...rest, className: className, render: render }, children));
-    }
-    return (React.createElement(BaseDialog.Close, { ...rest, className: resolveClassName(className, (extra) => cx(styles.close, extra)), render: React.createElement(Button, { variant: "outline", iconOnly: true, icon: "close" }, label) }));
-}
-/**
- * The scrolling body: description and content. While content is hidden
- * above or below, a --border-size-2 --role-rule edge shows under the top
- * bar or above the action bar (the §10.19 overflow edge), never a fade.
- */
-export function DialogBody(props) {
-    const { render, ref, className, ...rest } = props;
-    const context = React.useContext(DialogContext);
-    const localRef = React.useRef(null);
-    useOverflowEdges(localRef);
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref: context ? [ref ?? null, localRef, context.bodyRef] : [ref ?? null, localRef],
-        props: mergeProps({ className: cx(styles.body, className) }, rest),
-    });
-}
-/**
- * The action bar: a `solid` Button first, then its outline twin, each
- * hugging its label. Stacked and docked at the bottom of the sheet below
- * --md-n-above; one row from it [D106].
- */
-export function DialogActions(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref,
-        props: mergeProps({ className: cx(styles.actions, className) }, rest),
-    });
-}
-/**
- * Writes data-overflow-y-start / data-overflow-y-end on a scroll container
- * while content is hidden in that direction (the §10.19 Scroll Area names).
- */
-function useOverflowEdges(ref) {
-    React.useEffect(() => {
-        const node = ref.current;
-        if (!node)
-            return undefined;
-        const update = () => {
-            const start = node.scrollTop > 0;
-            const end = node.scrollTop + node.clientHeight < node.scrollHeight - 1;
-            node.toggleAttribute('data-overflow-y-start', start);
-            node.toggleAttribute('data-overflow-y-end', end);
-        };
-        update();
-        node.addEventListener('scroll', update, { passive: true });
-        const observer = new ResizeObserver(update);
-        observer.observe(node);
-        Array.from(node.children).forEach((child) => observer.observe(child));
-        return () => {
-            node.removeEventListener('scroll', update);
-            observer.disconnect();
-        };
-    }, [ref]);
-}
-//# sourceMappingURL=Dialog.js.map

package/components/Dialog/Dialog.js.map

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

package/components/Dialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/components/Dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/components/EmptyState/EmptyState.d.ts

@@ -1,88 +0,0 @@
-import * as React from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { type VariantProps } from 'class-variance-authority';
-import { type StickerProps } from '../Sticker';
-export declare const emptyState: (props?: ({
-    kind?: "inline" | "framed" | "illustrated" | null | undefined;
-    filtered?: boolean | null | undefined;
-    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
-    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type EmptyStateVariants = VariantProps<typeof emptyState>;
-/** The three empty-state builds (§12.16). */
-export type EmptyStateKind = 'framed' | 'inline' | 'illustrated';
-/** Props for EmptyState: `div` props, `render`, the kind, `filtered` and the color axes. */
-export type EmptyStateProps = useRender.ComponentProps<'div'> & {
-    /**
-     * `framed` (default): a centered stack in a `line-dashed` frame (dashed
-     * means provisional: a place not yet filled). `inline`: one sentence in
-     * place of the content, no frame, inside dense panels. `illustrated`:
-     * framed, plus a §6.5 sticker (S size) in `EmptyStateDrawing`.
-     */
-    kind?: EmptyStateKind;
-    /**
-     * A filter caused it: the root becomes a polite status region
-     * (`role="status"`), and it is not printed (print the unfiltered list, or
-     * "No items" once). Name the filter and offer "Clear Filters". Default
-     * `false`.
-     */
-    filtered?: boolean;
-    /**
-     * Primary Radix scale: the frame, heading and text. Never defaulted;
-     * omitted, it inherits the scope [D133].
-     */
-    primary?: EmptyStateVariants['primary'];
-    /**
-     * Secondary Radix scale: only the trail ornament (`--role-accent`). Never
-     * defaulted.
-     */
-    secondary?: EmptyStateVariants['secondary'];
-};
-/**
- * The empty state, rendered in place of a list or grid: an optional
- * `EmptyStateDrawing` or `EmptyStateTrail` (one, never both), an
- * `EmptyStateHeading`, an `EmptyStateText` and an `EmptyStateAction` (an
- * outline Button, or the solid one when it is the page's main next step).
- * Pass `role="status"` when it replaces dynamic results (automatic with
- * `filtered`). Never set its text lighter than the scope's ink.
- */
-export declare function EmptyState(props: EmptyStateProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for EmptyStateDrawing: `div` props, `render`, and the sticker's art (`viewBox`, `halo`, line art as children). */
-export type EmptyStateDrawingProps = Omit<useRender.ComponentProps<'div'>, 'children'> & Pick<StickerProps, 'viewBox' | 'halo' | 'children'>;
-/**
- * The drawing (`illustrated`): a §6.5 Sticker at `--ds-size-art-s` with its
- * halo, decorative (`aria-hidden`); the spot size `--size-px-9` below
- * 360 px. Pass the asset's `viewBox`, its pre-expanded `halo` path and its
- * line art as children. The sticker brings its own `white` scope, so it
- * looks the same on every ground and ignores the empty state's props.
- */
-export declare function EmptyStateDrawing(props: EmptyStateDrawingProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for EmptyStateTrail: `div` props and `render`; the trail itself is drawn. */
-export type EmptyStateTrailProps = Omit<useRender.ComponentProps<'div'>, 'children'>;
-/**
- * The trail, the alternative to a drawing: the short-tail `ornament-trail`
- * (utils/Ornament), from its origin circle to a `marker-terminal` that
- * points down at the action, dashed in `--role-accent`, decorative. Hidden
- * if it would touch type.
- */
-export declare function EmptyStateTrail(props: EmptyStateTrailProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for EmptyStateHeading: heading props and `render` (default `<h3>`). */
-export type EmptyStateHeadingProps = useRender.ComponentProps<'h3'>;
-/** What is empty: `type-itemhead` in `--primary12`, centered. Renders `<h3>`. */
-export declare function EmptyStateHeading(props: EmptyStateHeadingProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for EmptyStateText: paragraph props and `render`. */
-export type EmptyStateTextProps = useRender.ComponentProps<'p'>;
-/**
- * Why, and what to do next: `type-body-ui` in `--primary12`, at most 40ch.
- * When a filter caused it, name the filter ("No events match 'Virtual'").
- */
-export declare function EmptyStateText(props: EmptyStateTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for EmptyStateAction: `div` props and `render`. */
-export type EmptyStateActionProps = useRender.ComponentProps<'div'>;
-/**
- * The next step: an outline Button (md), or the solid one when it is the
- * page's main next step; "Clear Filters" after a filter (title case).
- */
-export declare function EmptyStateAction(props: EmptyStateActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export {};
-//# sourceMappingURL=EmptyState.d.ts.map

package/components/EmptyState/EmptyState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAoCvD,eAAO,MAAM,UAAU;;;;;8EAkBrB,CAAA;AAEF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA;AAEzD,6CAA6C;AAC7C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAA;AAEhE,4FAA4F;AAC5F,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9D;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;CAC5C,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,0EAoChD;AAED,2HAA2H;AAC3H,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GACpF,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC,CAAA;AAErD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,0EAmB9D;AAED,sFAAsF;AACtF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,0EAe1D;AAED,gFAAgF;AAChF,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAEnE,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,0EAQ9D;AAED,8DAA8D;AAC9D,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE/D;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,0EAQxD;AAED,4DAA4D;AAC5D,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEnE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,0EAQ5D"}

package/components/EmptyState/EmptyState.js

@@ -1,161 +0,0 @@
-'use client';
-import * as React from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { mergeProps } from '@base-ui/react/merge-props';
-import { cva } from 'class-variance-authority';
-import { Sticker } from '../Sticker';
-import { OrnamentTrail } from '../../utils/Ornament';
-import { cx } from '../../utils/className';
-import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
-import { useScopeAttributes } from '../../utils/scope';
-import styles from './empty-state.module.css';
-/*
- * Empty State (§12.16): a list, grid, search or collection with no items.
- * It says what is empty and offers a next step; a sanctioned place for one
- * ornament (P6). Not for errors (§10.20) or loading.
- *
- * Implementation (CSS Modules + CVA)
- * - Module: empty-state.module.css; CVA function `emptyState`.
- * - Axes: `kind` → framed | inline | illustrated; `filtered` → `filtered`
- *   (a filter caused it: a polite status region, and not printed);
- *   `primary`, `secondary` → scales module classes.
- * - Compound variants: none.
- * - Defaults: kind framed, filtered false; color axes: none.
- * - Color fallback: inherits the scope; the action Button brings its own
- *   fallback (§9.2).
- * - States: static; the action follows §9.2.
- * - Parts: base, frame (the padded box; its dashed outline is the SVG
- *   `frameLine` > `frameRect`, composing line-dashed), drawing (the §6.5
- *   Sticker, S size), trail (the shared `ornament-trail`, short-tail shape,
- *   utils/Ornament), heading, text, action. `drawing` and `trail` are
- *   exclusive and rendered by content, with no axis [D38].
- * - Scope: `drawing` renders the Sticker, which declares its own nested
- *   `white` scope (a light island inside a field or the night band); the
- *   module names none.
- * - Container: `base` is the inline-size container (unnamed); the frame's
- *   drawing-beside-text layout queries it. Baseline without support:
- *   drawing above the text, with the viewport fallback of the side layout
- *   from --lg-n-above. Threshold (§5.10.2): drawing beside the text from
- *   1024, content capped at --size-sm and centered [D163].
- */
-export const emptyState = cva(styles.base, {
-    variants: {
-        kind: {
-            framed: styles.framed,
-            inline: styles.inline,
-            illustrated: styles.illustrated,
-        },
-        filtered: {
-            true: styles.filtered,
-        },
-        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
-        primary: primaryScaleVariants,
-        secondary: secondaryScaleVariants,
-    },
-    defaultVariants: {
-        kind: 'framed',
-        filtered: false,
-    },
-});
-/**
- * The empty state, rendered in place of a list or grid: an optional
- * `EmptyStateDrawing` or `EmptyStateTrail` (one, never both), an
- * `EmptyStateHeading`, an `EmptyStateText` and an `EmptyStateAction` (an
- * outline Button, or the solid one when it is the page's main next step).
- * Pass `role="status"` when it replaces dynamic results (automatic with
- * `filtered`). Never set its text lighter than the scope's ink.
- */
-export function EmptyState(props) {
-    const { render, ref, className, kind = 'framed', filtered = false, primary, secondary, children, ...rest } = props;
-    const scope = useScopeAttributes();
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref,
-        props: mergeProps({
-            ...scope,
-            ...(filtered ? { role: 'status' } : null),
-            className: emptyState({ kind, filtered, primary, secondary, className }),
-            children: (React.createElement("div", { className: styles.frame },
-                kind !== 'inline' ? (React.createElement("svg", { className: styles.frameLine, "aria-hidden": "true", focusable: "false" },
-                    React.createElement("rect", { className: styles.frameRect, width: "100%", height: "100%", rx: "8", ry: "8" }))) : null,
-                children)),
-        }, rest),
-    });
-}
-/**
- * The drawing (`illustrated`): a §6.5 Sticker at `--ds-size-art-s` with its
- * halo, decorative (`aria-hidden`); the spot size `--size-px-9` below
- * 360 px. Pass the asset's `viewBox`, its pre-expanded `halo` path and its
- * line art as children. The sticker brings its own `white` scope, so it
- * looks the same on every ground and ignores the empty state's props.
- */
-export function EmptyStateDrawing(props) {
-    const { render, ref, className, viewBox, halo, children, ...rest } = props;
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref,
-        props: mergeProps({
-            'aria-hidden': true,
-            className: cx(styles.drawing, className),
-            children: (React.createElement(Sticker, { size: "s", viewBox: viewBox, halo: halo }, children)),
-        }, rest),
-    });
-}
-/**
- * The trail, the alternative to a drawing: the short-tail `ornament-trail`
- * (utils/Ornament), from its origin circle to a `marker-terminal` that
- * points down at the action, dashed in `--role-accent`, decorative. Hidden
- * if it would touch type.
- */
-export function EmptyStateTrail(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref,
-        props: mergeProps({
-            'aria-hidden': true,
-            className: cx(styles.trail, className),
-            children: React.createElement(OrnamentTrail, { shape: "short-tail" }),
-        }, rest),
-    });
-}
-/** What is empty: `type-itemhead` in `--primary12`, centered. Renders `<h3>`. */
-export function EmptyStateHeading(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'h3',
-        render,
-        ref,
-        props: mergeProps({ className: cx(styles.heading, className) }, rest),
-    });
-}
-/**
- * Why, and what to do next: `type-body-ui` in `--primary12`, at most 40ch.
- * When a filter caused it, name the filter ("No events match 'Virtual'").
- */
-export function EmptyStateText(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'p',
-        render,
-        ref,
-        props: mergeProps({ className: cx(styles.text, className) }, rest),
-    });
-}
-/**
- * The next step: an outline Button (md), or the solid one when it is the
- * page's main next step; "Clear Filters" after a filter (title case).
- */
-export function EmptyStateAction(props) {
-    const { render, ref, className, ...rest } = props;
-    return useRender({
-        defaultTagName: 'div',
-        render,
-        ref,
-        props: mergeProps({ className: cx(styles.action, className) }, rest),
-    });
-}
-//# sourceMappingURL=EmptyState.js.map