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

package/components/Select/Select.js

@@ -1,154 +0,0 @@
-'use client';
-import * as React from 'react';
-import { Select as BaseSelect } from '@base-ui/react/select';
-import { cva } from 'class-variance-authority';
-import { dangerScale, useFieldInvalid } from '../Field';
-import { Ground } from '../Ground';
-import { Icon, iconHost } from '../Icon';
-import { cx } from '../../utils/className';
-import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
-import { useScopeAttributes } from '../../utils/scope';
-import { OverlayScope, overlayAttributes, overlayScaleClassName } from '../../utils/overlay';
-import styles from './select.module.css';
-/*
- * Select (§10.5): one choice from a known list of about 5–15 options.
- *
- * Implementation (CSS Modules + CVA)
- * - Module: select.module.css; CVA function `select`.
- * - Axes: `variant` → outline (boxed trigger), underline (trigger text over
- *   a --border-size-2 --role-accent underline, LTA); `plate` → plate;
- *   `primary`, `secondary` → scales module classes.
- * - Compound variants: none. Excluded in the types: `plate` with underline.
- * - Defaults: variant outline, plate false; color axes none.
- * - Color fallback: trigger inherits the scope; while the Field is invalid,
- *   its danger scale (§10.2). Popup: the `white` preset's defaults; only
- *   props passed to the popup would apply inside it (§10.1).
- * - States: trigger `:hover` (not disabled) → boxed edge → --primary12
- *   [D140], underline --role-accent → --primary12 at the same weight
- *   [D181]; `data-popup-open` → boxed edge
- *   --primary12, underline --ds-stroke-3, chevron rotated; `:focus-visible`
- *   → ring; `data-disabled` → dotted edge, --role-muted; `data-invalid` →
- *   error edge or danger underline. Item `data-highlighted` → --primary4
- *   plus the --ds-stroke-3 start bar [D145]; `data-selected` → leading ✓
- *   plus --font-weight-6; `data-disabled` → --role-muted, never
- *   highlighted. Popup `data-starting-style` / `data-ending-style` → the
- *   clip reveal from `data-side` [D91].
- * - Parts: base (the trigger), value, icon, swatch, popup, list, item,
- *   itemText, itemIndicator, group, groupLabel, separator.
- * - Scope: `popup` renders in its Base UI Portal and declares a nested
- *   `white` page scope; it writes no `data-theme`, and its edge is the
- *   [D92] overlay frame [D139, D156]. `plate` → the trigger is a nested
- *   `white` Ground.
- * - Container: none; inherits its context.
- */
-export const select = cva(styles.base, {
-    variants: {
-        variant: {
-            outline: styles.outline,
-            underline: styles.underline,
-        },
-        plate: {
-            true: styles.plate,
-        },
-        // Color axes: never defaulted [D133].
-        primary: primaryScaleVariants,
-        secondary: secondaryScaleVariants,
-    },
-    defaultVariants: {
-        variant: 'outline',
-        plate: false,
-    },
-});
-function isGroups(items) {
-    return items.length > 0 && 'items' in items[0];
-}
-function flatten(items) {
-    if (!items)
-        return [];
-    return isGroups(items) ? items.flatMap((group) => group.items) : items;
-}
-/** The ringed disc of a swatch option; the color is content, not a role. */
-function Swatch({ color }) {
-    return (React.createElement("svg", { className: styles.swatch, viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false" },
-        React.createElement("circle", { className: styles.swatchRing, cx: "6", cy: "6", r: "5.5", fill: color })));
-}
-/**
- * A Base UI Select inside a `Field` (label it with
- * `<FieldLabel nativeLabel={false}>`). The popup opens below the trigger,
- * never on hover, and is never a sheet; use Combobox for long or
- * searchable lists and Radio for 2–4 visible options.
- */
-export function Select(props) {
-    const { items, children, placeholder, variant, plate, primary, secondary, className, 'aria-label': ariaLabel, ...rootProps } = props;
-    const scope = useScopeAttributes();
-    const invalid = useFieldInvalid();
-    const resolvedSecondary = invalid ? dangerScale : secondary;
-    const options = flatten(items);
-    const hasSwatch = options.some((option) => option.swatch);
-    const triggerClassName = select({
-        variant,
-        plate,
-        primary: plate ? undefined : primary,
-        secondary: plate ? undefined : resolvedSecondary,
-        // The trigger hosts the chevron's hover weight (§10.1 icon states).
-        className: className ? `${iconHost} ${className}` : iconHost,
-    });
-    const renderValue = hasSwatch
-        ? (value) => {
-            const option = options.find((candidate) => Object.is(candidate.value, value));
-            if (!option)
-                return placeholder ?? null;
-            return (React.createElement(React.Fragment, null,
-                option.swatch ? React.createElement(Swatch, { color: option.swatch }) : null,
-                option.label));
-        }
-        : undefined;
-    return (React.createElement(BaseSelect.Root, { ...rootProps, items: items },
-        React.createElement(BaseSelect.Trigger, { ...(plate ? null : scope), "aria-label": ariaLabel, className: triggerClassName, render: plate ? (React.createElement(Ground, { preset: "white", kind: "face", primary: primary ?? undefined, secondary: resolvedSecondary ?? undefined, render: React.createElement("button", { type: "button" }) })) : undefined },
-            React.createElement(BaseSelect.Value, { className: styles.value, placeholder: placeholder }, renderValue),
-            React.createElement(BaseSelect.Icon, { className: styles.icon },
-                React.createElement(Icon, { name: "expand_more", weight: "interactive" })),
-            React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" }, variant === 'underline' ? (React.createElement("line", { className: styles.edgeLine, x1: "0", y1: "100%", x2: "100%", y2: "100%" })) : (React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" })))),
-        React.createElement(BaseSelect.Portal, null,
-            React.createElement(BaseSelect.Positioner, { className: styles.positioner, alignItemWithTrigger: false, side: "bottom", align: variant === 'underline' ? 'end' : 'start', sideOffset: 8, collisionPadding: 16 },
-                React.createElement(BaseSelect.Popup, { ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
-                    React.createElement(OverlayScope, null,
-                        React.createElement(BaseSelect.List, { className: styles.list }, children ?? (items ? renderItems(items) : null))))))));
-}
-function renderOption(option, index) {
-    return (React.createElement(SelectItem, { key: `${String(option.value)}-${index}`, value: option.value, label: option.label, disabled: option.disabled, swatch: option.swatch }, option.label));
-}
-function renderItems(items) {
-    if (!isGroups(items))
-        return items.map(renderOption);
-    return items.map((group, index) => (React.createElement(React.Fragment, { key: group.label },
-        index > 0 ? React.createElement(SelectSeparator, null) : null,
-        React.createElement(SelectGroup, { label: group.label }, group.items.map(renderOption)))));
-}
-/**
- * One option: a `--ds-size-hit` row. Highlighted rows take the `--primary4`
- * soft fill and the `--ds-stroke-3` start bar; the chosen row a leading ✓
- * and `--font-weight-6` [D145].
- */
-export function SelectItem(props) {
-    const { className, swatch, children, ...rest } = props;
-    return (React.createElement(BaseSelect.Item, { ...rest, className: cx(styles.item, className) },
-        React.createElement(BaseSelect.ItemIndicator, { className: styles.itemIndicator },
-            React.createElement(Icon, { name: "check" })),
-        React.createElement(BaseSelect.ItemText, { className: styles.itemText }, swatch ? (React.createElement("span", { className: styles.value },
-            React.createElement(Swatch, { color: swatch }),
-            children)) : (children))));
-}
-/** A titled group of items. */
-export function SelectGroup(props) {
-    const { label, className, children, ...rest } = props;
-    return (React.createElement(BaseSelect.Group, { ...rest, className: cx(styles.group, className) },
-        React.createElement(BaseSelect.GroupLabel, { className: styles.groupLabel }, label),
-        children));
-}
-/** The one popup group separator: `--border-size-1` in `--role-rule`. */
-export function SelectSeparator(props) {
-    const { className, ...rest } = props;
-    return (React.createElement(BaseSelect.Separator, { ...rest, className: cx(styles.separator, className) }));
-}
-//# sourceMappingURL=Select.js.map

package/components/Select/Select.js.map

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

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

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

package/components/Select/index.js.map

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

package/components/Select/select.module.css

@@ -1,398 +0,0 @@
-/*
- * Select (§10.5). CVA function `select`. Parts: `base` (the trigger),
- * `value`, `icon` (the chevron), `swatch` (with `swatchRing`), `popup`,
- * `list`, `item`, `itemText`, `itemIndicator`, `group`, `groupLabel`,
- * `separator`; `positioner` places the popup on --layer-3, and `edge` /
- * `edgeLine` draw the disabled `line-dotted-fine` edge as true dots
- * [D36, D68]. Colors are role variables only; local custom properties carry
- * dimensions only. The popup is a portaled `white` page scope framed by
- * --border-size-2 --primary12 [D92, D139, D156].
- */
-
-/* Composition sits in top-level rules, outside the layers: Lightning CSS
- * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
- * The composed classes keep their own layers. */
-.value {
-  composes: typeBodyUi from '../../utils/type.module.css';
-}
-
-.item {
-  composes: typeBodyUi from '../../utils/type.module.css';
-}
-
-.groupLabel {
-  composes: typeLabel from '../../utils/type.module.css';
-}
-
-.edgeLine {
-  composes: lineDottedFine from '../../utils/line.module.css';
-}
-
-@layer base {
-  /* The trigger: the §10.1 field box, chevron at the end. */
-  .base {
-    /* Local dimensions. */
-    --select-edge: var(--border-size-1);
-    --select-radius: var(--radius-1);
-    --select-underline: var(--border-size-2);
-
-    position: relative;
-    display: flex;
-    align-items: center;
-    gap: var(--size-px-2);
-    box-sizing: border-box;
-    inline-size: 100%;
-    min-inline-size: 0;
-    block-size: var(--size-px-8);
-    margin: 0;
-    padding-block: 0;
-    padding-inline: calc(var(--ds-space-12) + var(--border-size-1) - var(--select-edge));
-    border: var(--select-edge) solid var(--role-rule);
-    border-radius: var(--select-radius);
-    background: none;
-    color: var(--primary12);
-    text-align: start;
-    cursor: pointer;
-    appearance: none;
-  }
-
-  .value {
-    flex: 1 1 auto;
-    display: flex;
-    align-items: center;
-    gap: var(--size-px-2);
-    min-inline-size: 0;
-    overflow: hidden;
-    color: inherit;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  /* The chevron: expand_more, inline tier; it rotates 180° while open [D166]. */
-  .icon {
-    flex: none;
-    display: inline-flex;
-    color: inherit;
-  }
-
-  /* The swatch: a --ds-space-12 disc of the product's color (content), ringed in --primary12. */
-  .swatch {
-    flex: none;
-    display: block;
-    inline-size: var(--ds-space-12);
-    block-size: var(--ds-space-12);
-    overflow: visible;
-  }
-
-  .swatchRing {
-    stroke: var(--primary12);
-    stroke-width: var(--border-size-1);
-  }
-
-  .edge {
-    display: none;
-    position: absolute;
-    inset-block-start: calc(var(--ds-dot-fine) / 2);
-    inset-inline-start: calc(var(--ds-dot-fine) / 2);
-    inline-size: calc(100% - var(--ds-dot-fine));
-    block-size: calc(100% - var(--ds-dot-fine));
-    overflow: visible;
-    pointer-events: none;
-  }
-
-  .edgeLine {
-    fill: none;
-    stroke: var(--role-disabled-edge);
-    rx: calc(var(--select-radius) - var(--ds-dot-fine) / 2);
-  }
-
-  /* The popup sits --size-px-2 below its trigger on --layer-3. */
-  .positioner {
-    z-index: var(--layer-3);
-    outline: 0;
-  }
-
-  /*
-   * The overlay face: the white scope's --primary1, the --border-size-2
-   * --primary12 frame in both modes, --ds-radius-8; at least the trigger's
-   * width, and never wider than the viewport minus the page margins.
-   */
-  .popup {
-    /* The clip reveal starts from the trigger side. */
-    --select-reveal-from: inset(0 0 100% 0);
-
-    box-sizing: border-box;
-    min-inline-size: var(--anchor-width);
-    max-inline-size: calc(100vw - 2 * var(--ds-space-margin));
-    border: var(--border-size-2) solid var(--primary12);
-    border-radius: var(--ds-radius-8);
-    background-color: var(--primary1);
-    color: var(--primary12);
-    clip-path: inset(0);
-    outline: 0;
-  }
-
-  /* At most 8 items tall, then the list scrolls. */
-  .list {
-    box-sizing: border-box;
-    max-block-size: min(
-      var(--available-height, 100vh),
-      calc(8 * var(--ds-size-hit) + 2 * var(--size-px-1))
-    );
-    padding: var(--size-px-1);
-    overflow-y: auto;
-    overscroll-behavior: contain;
-    scroll-padding-block: var(--size-px-1);
-    outline: 0;
-  }
-
-  /* Items: --ds-size-hit rows at every width, --size-px-3 padding; highlight radius 8 − 4 [D40]. */
-  .item {
-    position: relative;
-    display: grid;
-    grid-template-columns: var(--size-px-3) minmax(0, 1fr);
-    align-items: center;
-    column-gap: var(--size-px-2);
-    min-block-size: var(--ds-size-hit);
-    padding-inline: var(--size-px-3);
-    border-radius: calc(var(--ds-radius-8) - var(--size-px-1));
-    color: var(--primary12);
-    cursor: default;
-    outline: 0;
-    user-select: none;
-  }
-
-  /* The highlight bar: a --ds-stroke-3 start edge in --primary12, drawn as a border so it survives forced colors. */
-  .item::before {
-    content: '';
-    display: none;
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    border-inline-start: var(--ds-stroke-3) solid var(--primary12);
-  }
-
-  .itemIndicator {
-    grid-column: 1;
-    display: inline-flex;
-    color: var(--primary12);
-  }
-
-  .itemText {
-    grid-column: 2;
-    min-inline-size: 0;
-  }
-
-  .group {
-    display: block;
-  }
-
-  .groupLabel {
-    padding-block: var(--size-px-2) var(--size-px-1);
-    padding-inline: var(--size-px-3);
-    color: var(--role-muted);
-  }
-
-  /* The one popup group separator: --border-size-1 --role-rule across the panel. */
-  .separator {
-    margin-block: var(--size-px-1);
-    margin-inline: calc(-1 * var(--size-px-1));
-    border-block-start: var(--border-size-1) solid var(--role-rule);
-  }
-
-  @media (min-width: 768px) {
-    /* From --md-n-above the popup is the trigger's width, up to 360 px. */
-    .popup {
-      max-inline-size: max(var(--anchor-width), var(--ds-size-overlay-max));
-    }
-  }
-
-  @media (forced-colors: active) {
-    .edgeLine {
-      stroke: currentColor;
-    }
-  }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .base {
-      transition-property: border-color, border-width, outline-color;
-      transition-duration: var(--ds-duration-quick);
-      transition-timing-function: var(--ease-out-3);
-    }
-
-    .icon {
-      transition: rotate var(--ds-duration-quick) var(--ease-out-3);
-    }
-
-    /* The clip reveal (the edge wipes open), never a fade [D91]. */
-    .popup {
-      transition: clip-path var(--ds-duration-disclosure) var(--ease-out-3);
-    }
-  }
-}
-
-@layer variants {
-  /* Boxed (default): the field box. */
-  .outline {
-    border-style: solid;
-  }
-
-  /*
-   * Underline: no box; the trigger's text and chevron over a --border-size-2
-   * --role-accent underline the width of the trigger only; it hugs its
-   * content and keeps a --ds-size-hit target.
-   */
-  .underline {
-    --select-radius: var(--ds-radius-none);
-
-    display: inline-flex;
-    inline-size: auto;
-    max-inline-size: 100%;
-    block-size: auto;
-    min-block-size: var(--ds-size-hit);
-    padding-inline: 0;
-    border-width: 0 0 var(--select-underline);
-    border-color: var(--role-accent);
-  }
-
-  /*
-   * Plate: the box face is the nested white scope's --primary1 (§10.1). The
-   * trigger is also a Ground face, whose own classes share the base layer,
-   * so its display and edge are restated here.
-   */
-  .plate {
-    display: flex;
-    border: var(--select-edge) solid var(--role-rule);
-    background-color: var(--primary1);
-    color: var(--primary12);
-  }
-}
-
-@layer states {
-  /* The placeholder: --role-muted, one weight lighter in dark scopes [D170]. */
-  .value[data-placeholder] {
-    color: var(--role-muted);
-    font-weight: max(
-      var(--type-weight-floor, 400),
-      calc(var(--type-weight, 400) - var(--ds-muted-weight-step))
-    );
-  }
-
-  /*
-   * Hover (not disabled, invalid or read-only): the boxed edge steps
-   * --role-rule → --primary12 [D140]; the underline steps --role-accent →
-   * --primary12 at the same --border-size-2 weight (derived), so only the
-   * open state takes --ds-stroke-3 and hover never reads as open [D181].
-   */
-  .base:hover:not([data-disabled], [data-invalid], [data-readonly]) {
-    border-color: var(--primary12);
-  }
-
-  /* Open: the boxed edge goes to --primary12, the underline to --ds-stroke-3, the chevron turns. */
-  .base[data-popup-open] {
-    border-color: var(--primary12);
-  }
-
-  .base.underline[data-popup-open] {
-    --select-underline: var(--ds-stroke-3);
-
-    border-color: var(--role-accent);
-  }
-
-  .icon[data-popup-open] {
-    rotate: 180deg;
-  }
-
-  /* Focus: keyboard only (the trigger is not a text-entry control) [D45]. */
-  .base:focus-visible {
-    outline: var(--border-size-2) solid var(--primary12);
-    outline-offset: var(--border-size-2);
-  }
-
-  /* Error: the --border-size-2 edge in --role-status; the underline keeps --role-accent, now the danger scale. */
-  .base[data-invalid] {
-    --select-edge: var(--border-size-2);
-
-    border-color: var(--role-status);
-  }
-
-  .underline[data-invalid] {
-    border-color: var(--role-accent);
-  }
-
-  /* Disabled: dotted edge (the SVG), --role-muted inks, no face; never dimmed [D16]. */
-  .base[data-disabled] {
-    --select-edge: 0px;
-    --select-underline: 0px;
-
-    border-style: none;
-    background: none;
-    color: var(--role-muted);
-    cursor: default;
-  }
-
-  .base[data-disabled] .edge {
-    display: block;
-  }
-
-  .base[data-disabled] .swatchRing {
-    stroke-dasharray: 0 var(--ds-dot-fine-pitch);
-    stroke-linecap: round;
-  }
-
-  /* Read-only: the box is removed; a --border-size-1 --role-rule bottom rule remains. */
-  .base[data-readonly] {
-    border-width: 0 0 var(--border-size-1);
-    border-color: var(--role-rule);
-    border-radius: var(--ds-radius-none);
-    background: none;
-  }
-
-  /* Highlighted: --primary4 plus the start-edge bar [D145]. */
-  .item[data-highlighted] {
-    background-color: var(--primary4);
-  }
-
-  .item[data-highlighted]::before {
-    display: block;
-  }
-
-  /* Selected: the leading ✓ in --primary12 plus --font-weight-6; no fill, no bar [D145]. */
-  .item[data-selected] {
-    font-weight: var(--font-weight-6);
-  }
-
-  /* A disabled item is --role-muted and never highlighted. */
-  .item[data-disabled] {
-    background: none;
-    color: var(--role-muted);
-  }
-
-  .item[data-disabled]::before {
-    display: none;
-  }
-
-  /* Placement: a popup above its trigger reveals from its bottom edge. */
-  .popup[data-side='top'] {
-    --select-reveal-from: inset(100% 0 0 0);
-  }
-
-  /* The clip reveal from the trigger side [D91]; instant under --motionNotOK. */
-  .popup[data-starting-style],
-  .popup[data-ending-style] {
-    clip-path: var(--select-reveal-from);
-  }
-}
-
-@layer print {
-  @media print {
-    /* The chosen value prints in its frame; the chevron is interaction only. */
-    .icon {
-      display: none;
-    }
-
-    .positioner {
-      display: none;
-    }
-  }
-}

package/components/Separator/Separator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS;;;;8EAepB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAC9D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAA;AAGxE,8GAA8G;AAC9G,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,KAAK,EAAE,iBAAiB;IAC5E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC3C;AA8BD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAe9C"}

package/components/Separator/Separator.js.map

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

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

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

package/components/Separator/index.js.map

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