@tempoxyz/ds 0.2.6 → 0.3.0

package/dist/web/components/Rows.d.ts

@@ -1,484 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import type { ComponentPropsWithRef, ReactNode } from 'react';
-import type * as zyzz from 'zyzz';
-/**
- * A stack of divided rows for settings, details and navigation lists. `Rows` renders `Rows.Root`.
- * A row is a `button` when it has an `action` or `onClick`, any element passed to `render` (such as
- * a link), and a plain `div` otherwise.
- *
- * - Write row text that names the destination or action, since chevrons are hidden from assistive
- *   technology.
- * - Set `aria-expanded` on expandable rows and mount a `Rows.Panel` right after the row while open.
- * - Avoid nesting buttons or links inside a pressable row.
- *
- * @example
- * <Rows>
- *   <Rows.Row action="navigation" render={<a href="/activity" />}>
- *     Activity
- *   </Rows.Row>
- * </Rows>
- *
- * @see {@link https://base-ui.com/react/utils/use-render | Base UI useRender}
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/list_role | MDN list role}
- * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ | WAI-ARIA APG Disclosure pattern}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html | WCAG 2.2 Info and Relationships}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html | WCAG 2.2 Name, Role, Value}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html | WCAG 2.2 Target Size (Minimum)}
- */
-export declare function Rows(props: Rows.Props): import("react").JSX.Element;
-export declare namespace Rows {
-    type Props = Root.Props;
-    /** Secondary text under a `Rows.Title`, usually inside `Rows.Info`. */
-    function Description(props: Description.Props): import("react").JSX.Element;
-    namespace Description {
-        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.description>;
-    }
-    /**
-     * A block wrapper for a run of rows. `RowGroupLoader` renders the same wrapper while loading.
-     * Directly after an expanded row, or after a group that follows one, its dividers start at the
-     * row text.
-     */
-    function Group(props: Group.Props): import("react").JSX.Element;
-    namespace Group {
-        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.group>;
-    }
-    /**
-     * Groups a `Rows.Title` and `Rows.Description` beside a control, or stacks a `Rows.Label` over a
-     * short paragraph that does not fit on one line beside it.
-     */
-    function Info(props: Info.Props): import("react").JSX.Element;
-    namespace Info {
-        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.info>;
-    }
-    /**
-     * The key of a key-value row. It keeps its width, holds at least half the row, and pushes the
-     * content after it to the end. The value then takes at most the other half, so a `Hex` truncates
-     * and long text wraps.
-     */
-    function Label(props: Label.Props): import("react").JSX.Element;
-    namespace Label {
-        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.label>;
-    }
-    /**
-     * Content revealed by an expandable row. Mount it directly after the row while open. It eases in
-     * on mount, and the divider above it starts at the row text.
-     */
-    function Panel(props: Panel.Props): import("react").JSX.Element;
-    namespace Panel {
-        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.panel>;
-    }
-    /**
-     * Stands in for a `Rows.Panel` while its content loads. It renders `role="status"` labelled
-     * `Loading` (override with `aria-label`) and three pulsing bars that hold still under reduced
-     * motion.
-     */
-    function PanelLoader(props: PanelLoader.Props): import("react").JSX.Element;
-    namespace PanelLoader {
-        type Props = Omit<ComponentPropsWithRef<'div'>, 'children'> & zyzz.Props.Variants<typeof styles.panelLoader>;
-    }
-    /**
-     * `size` sets one row height for every row. A 32px control fits `small` and `medium` rows, and a
-     * 40px control fits `large` rows, without changing that height. `inset` dividers start where the
-     * row text does. Dividers in a `Rows.Panel` or `Rows.Group` directly after an expanded row start
-     * there with `full` dividers too.
-     * Inside a `Surface`, rows reach its edges. Variants default to `dividers="inset"`,
-     * `size="medium"`.
-     */
-    function Root(props: Root.Props): import("react").JSX.Element;
-    namespace Root {
-        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.root>;
-    }
-    /**
-     * Renders a button when pressable, or a link or other element through `render`. `ref` and
-     * attributes reach that element. `spacing` picks which sides keep padding and defaults to `both`.
-     *
-     * @example
-     * <Rows>
-     *   <Rows.Row action="expand" aria-expanded={open} onClick={() => setOpen(!open)}>
-     *     Details
-     *   </Rows.Row>
-     *   {open && <Rows.Panel>Chain ID 4217</Rows.Panel>}
-     * </Rows>
-     */
-    function Row(props: Row.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-    namespace Row {
-        type Props = Omit<useRender.ComponentProps<'div'>, 'children'> & Omit<zyzz.Props.Variants<typeof styles.row>, 'size'> & {
-            /**
-             * `expand` shows a trailing chevron that turns from right to down while `aria-expanded` is
-             * true. `navigation` shows a trailing chevron. Either makes the row a button unless `render`
-             * is set.
-             * @default 'none'
-             */
-            action?: 'expand' | 'navigation' | 'none' | undefined;
-            children?: ReactNode | undefined;
-            /**
-             * Sets native `disabled` on a button row and `aria-disabled` otherwise. With `render`, only
-             * `aria-disabled` is set, so block activation of the rendered element yourself.
-             */
-            disabled?: boolean | undefined;
-        };
-    }
-    /** Primary text of a row, usually inside `Rows.Info` above a `Rows.Description`. */
-    function Title(props: Title.Props): import("react").JSX.Element;
-    namespace Title {
-        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.title>;
-    }
-    /**
-     * Stands in for a `Rows.Group` while its rows load. It renders `role="status"` labelled `Loading`
-     * (override with `aria-label`) and two placeholder rows at the `Rows.Root` size.
-     */
-    function RowGroupLoader(props: RowGroupLoader.Props): import("react").JSX.Element;
-    namespace RowGroupLoader {
-        type Props = Omit<ComponentPropsWithRef<'div'>, 'children'> & zyzz.Props.Variants<typeof styles.group>;
-    }
-}
-declare namespace styles {
-    const bar: zyzz.style.ReturnType<"react">;
-    const content: zyzz.style.ReturnType<"react">;
-    const description: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly color: "gray.900";
-            readonly display: "block";
-            readonly typography: "copy.13";
-        };
-    }, "react">;
-    const info: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly display: "flex";
-            readonly flexDirection: "column";
-            readonly flexGrow: "1 !custom";
-            readonly minWidth: "0";
-            readonly rowGap: "4";
-        };
-    }, "react">;
-    const group: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly display: "block";
-        };
-    }, "react">;
-    const indicator: zyzz.style.ReturnType<"react">;
-    const title: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly color: "foreground";
-            readonly display: "block";
-            readonly typography: "copy.14.strong";
-        };
-    }, "react">;
-    const label: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly color: "gray.900";
-            readonly flexShrink: "0 !custom";
-            readonly marginInlineEnd: "auto !custom";
-            readonly minWidth: "50% !custom";
-            readonly selectors: {
-                readonly '&:has(~ [data-hex] > [data-identicon="16"]:first-child)': {
-                    readonly minWidth: "calc(50% - 24px) !custom";
-                };
-                readonly '&:has(~ [data-hex] > [data-identicon="24"]:first-child)': {
-                    readonly minWidth: "calc(50% - 32px) !custom";
-                };
-                readonly '&:has(~ [data-hex] > [data-identicon="32"]:first-child)': {
-                    readonly minWidth: "calc(50% - 40px) !custom";
-                };
-                readonly '&:has(~ [data-hex] > [data-identicon="40"]:first-child)': {
-                    readonly minWidth: "calc(50% - 48px) !custom";
-                };
-                readonly '&:has(~ [data-hex] > [data-identicon="48"]:first-child)': {
-                    readonly minWidth: "calc(50% - 56px) !custom";
-                };
-                readonly '&:has(~ [data-hex] > [data-identicon="64"]:first-child)': {
-                    readonly minWidth: "calc(50% - 72px) !custom";
-                };
-            };
-        };
-    }, "react">;
-    const panel: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly boxSizing: "border-box";
-            readonly color: "gray.900";
-            readonly padding: "16";
-            readonly transitionDuration: "200";
-            readonly transitionProperty: "opacity, transform";
-            readonly transitionTimingFunction: "snappy";
-            readonly typography: "copy.14";
-            readonly '@starting-style': {
-                readonly opacity: "0 !custom";
-                readonly transform: "translateY(-4px) !custom";
-            };
-            readonly '@media (prefers-reduced-motion: reduce)': {
-                readonly transitionProperty: "opacity";
-            };
-        };
-    }, "react">;
-    const panelLoader: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly boxSizing: "border-box";
-            readonly display: "flex";
-            readonly flexDirection: "column";
-            readonly padding: "16";
-            readonly rowGap: "12";
-        };
-    }, "react">;
-    const root: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly boxSizing: "border-box";
-            readonly color: "foreground";
-            readonly display: "block";
-            readonly typography: "label.14.strong";
-            readonly selectors: {
-                readonly '& [data-divider]': {
-                    readonly position: "relative";
-                };
-                readonly '& [data-divider]::before': {
-                    readonly backgroundColor: "grayAlpha.100";
-                    readonly content: "\"\" !custom";
-                    readonly height: "1";
-                    readonly insetBlockStart: "0";
-                    readonly pointerEvents: "none";
-                    readonly position: "absolute";
-                };
-                readonly '& > [data-divider]:first-child::before': {
-                    readonly display: "none";
-                };
-                readonly '& :is(button, a[href], [role="button"])[data-divider]:hover:not(:disabled, [aria-disabled="true"])::before': {
-                    readonly display: "none";
-                };
-                readonly '& :is(button, a[href], [role="button"])[data-divider]:hover:not(:disabled, [aria-disabled="true"]) + [data-divider]::before': {
-                    readonly display: "none";
-                };
-                readonly '& :is(button, a[href], [role="button"])[data-divider]:hover:not(:disabled, [aria-disabled="true"]) + [data-group] > [data-divider]:first-child::before': {
-                    readonly display: "none";
-                };
-            };
-        };
-        readonly compoundVariants: readonly [{
-            readonly when: {
-                readonly dividers: "inset";
-                readonly size: "large";
-            };
-            readonly style: {
-                readonly selectors: {
-                    readonly '& [data-divider]::before': {
-                        readonly insetInline: "24";
-                    };
-                };
-            };
-        }, {
-            readonly when: {
-                readonly dividers: "inset";
-                readonly size: "medium";
-            };
-            readonly style: {
-                readonly selectors: {
-                    readonly '& [data-divider]::before': {
-                        readonly insetInline: "20";
-                    };
-                };
-            };
-        }];
-        readonly defaultVariants: {
-            readonly dividers: "inset";
-            readonly size: "medium";
-        };
-        readonly variants: {
-            readonly dividers: {
-                readonly full: {
-                    readonly selectors: {
-                        readonly '& [data-divider]::before': {
-                            readonly insetInline: "0";
-                        };
-                    };
-                };
-                readonly inset: {
-                    readonly selectors: {
-                        readonly '& [data-divider]::before': {
-                            readonly insetInline: "16";
-                        };
-                    };
-                };
-                readonly none: {
-                    readonly selectors: {
-                        readonly '& [data-divider]::before': {
-                            readonly display: "none";
-                        };
-                    };
-                };
-            };
-            readonly size: {
-                readonly large: {
-                    readonly selectors: {
-                        readonly '& :is([aria-expanded="true"] + [data-group], [aria-expanded="true"] + [data-group] + [data-group]) > [data-divider]::before': {
-                            readonly insetInlineStart: "24";
-                        };
-                        readonly '& [aria-expanded="true"] + [data-panel]::before': {
-                            readonly insetInlineStart: "24";
-                        };
-                        readonly '& [data-panel]': {
-                            readonly paddingInline: "24";
-                        };
-                    };
-                };
-                readonly medium: {
-                    readonly selectors: {
-                        readonly '& :is([aria-expanded="true"] + [data-group], [aria-expanded="true"] + [data-group] + [data-group]) > [data-divider]::before': {
-                            readonly insetInlineStart: "20";
-                        };
-                        readonly '& [aria-expanded="true"] + [data-panel]::before': {
-                            readonly insetInlineStart: "20";
-                        };
-                        readonly '& [data-info]': {
-                            readonly paddingBlock: "4";
-                        };
-                        readonly '& [data-panel]': {
-                            readonly paddingInline: "20";
-                        };
-                    };
-                };
-                readonly small: {
-                    readonly typography: "label.13.strong";
-                    readonly selectors: {
-                        readonly '& :is([aria-expanded="true"] + [data-group], [aria-expanded="true"] + [data-group] + [data-group]) > [data-divider]::before': {
-                            readonly insetInlineStart: "16";
-                        };
-                        readonly '& [aria-expanded="true"] + [data-panel]::before': {
-                            readonly insetInlineStart: "16";
-                        };
-                        readonly '& [data-info]': {
-                            readonly paddingBlock: "2";
-                        };
-                    };
-                };
-            };
-        };
-    }, "react">;
-    const row: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly alignItems: "center";
-            readonly backgroundColor: "transparent !custom";
-            readonly border: "none !custom";
-            readonly boxSizing: "border-box";
-            readonly color: "inherit !custom";
-            readonly columnGap: "12";
-            readonly display: "flex";
-            readonly font: "inherit !custom";
-            readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "0";
-            readonly outlineStyle: "solid !custom";
-            readonly outlineWidth: "2";
-            readonly paddingBlock: "8";
-            readonly textAlign: "start";
-            readonly textDecoration: "none !custom";
-            readonly transitionDuration: "160";
-            readonly transitionProperty: "background-color, opacity, outline-color, outline-offset";
-            readonly transitionTimingFunction: "snappy";
-            readonly width: "100% !custom";
-            readonly selectors: {
-                readonly '&:is(button, a[href], [role="button"])': {
-                    readonly cursor: "pointer";
-                };
-                readonly '&:is(button, a[href], [role="button"]):hover:not(:disabled, [aria-disabled="true"])': {
-                    readonly backgroundColor: "grayAlpha.100";
-                };
-                readonly '&:is(button, a[href], [role="button"]):active:not(:disabled, [aria-disabled="true"])': {
-                    readonly backgroundColor: "grayAlpha.200";
-                };
-                readonly '&:is(button, a[href], [role="button"]):focus-visible': {
-                    readonly outlineColor: "blue.700";
-                    readonly outlineOffset: "-2";
-                };
-                readonly '&:disabled, &[aria-disabled="true"]': {
-                    readonly cursor: "default";
-                    readonly opacity: "disabled";
-                };
-                readonly '&[aria-expanded="true"] [data-indicator]': {
-                    readonly transform: "rotate(90deg) !custom";
-                };
-            };
-            readonly '@media (prefers-reduced-motion: reduce)': {
-                readonly transitionProperty: "background-color, opacity, outline-color";
-            };
-        };
-        readonly compoundVariants: readonly [{
-            readonly when: {
-                readonly size: "large";
-                readonly spacing: "both";
-            };
-            readonly style: {
-                readonly paddingInline: "24";
-            };
-        }, {
-            readonly when: {
-                readonly size: "large";
-                readonly spacing: "end";
-            };
-            readonly style: {
-                readonly paddingInlineEnd: "24";
-            };
-        }, {
-            readonly when: {
-                readonly size: "large";
-                readonly spacing: "start";
-            };
-            readonly style: {
-                readonly paddingInlineStart: "24";
-            };
-        }, {
-            readonly when: {
-                readonly size: "medium";
-                readonly spacing: "both";
-            };
-            readonly style: {
-                readonly paddingInline: "20";
-            };
-        }, {
-            readonly when: {
-                readonly size: "medium";
-                readonly spacing: "end";
-            };
-            readonly style: {
-                readonly paddingInlineEnd: "20";
-            };
-        }, {
-            readonly when: {
-                readonly size: "medium";
-                readonly spacing: "start";
-            };
-            readonly style: {
-                readonly paddingInlineStart: "20";
-            };
-        }];
-        readonly defaultVariants: {
-            readonly size: "medium";
-            readonly spacing: "both";
-        };
-        readonly variants: {
-            readonly size: {
-                readonly large: {
-                    readonly minHeight: "56";
-                };
-                readonly medium: {
-                    readonly minHeight: "40";
-                    readonly paddingBlock: "4";
-                };
-                readonly small: {
-                    readonly minHeight: "36";
-                    readonly paddingBlock: "2";
-                };
-            };
-            readonly spacing: {
-                readonly both: {
-                    readonly paddingInline: "16";
-                };
-                readonly end: {
-                    readonly paddingInlineEnd: "16";
-                };
-                readonly none: {};
-                readonly start: {
-                    readonly paddingInlineStart: "16";
-                };
-            };
-        };
-    }, "react">;
-}
-export {};
-//# sourceMappingURL=Rows.d.ts.map

package/dist/web/components/Rows.d.ts.map

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