@fairgarden/design 0.1.0-alpha.0

package/components/Collapsible/collapsible.module.css

@@ -0,0 +1,214 @@
+/*
+ * Collapsible (§10.13) and the LTA disclosure glyph [D109]. Parts: `base`
+ * (the root), `trigger`, `glyph` (the shared disclosure glyph, drawn as
+ * inline SVG: `glyphOut` collapsed, `glyphIn` expanded), `label`, `panel`
+ * and its padded inner `content`. Pure type and line, so it resolves on any
+ * ground; colors are role variables only and local custom properties carry
+ * dimensions only.
+ */
+
+/* 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. */
+.trigger {
+  composes: typeButton from '../../utils/type.module.css';
+}
+
+.content {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+@layer base {
+  .base {
+    color: var(--primary12);
+  }
+
+  /*
+   * The disclosure glyph: a monoline drawing in currentColor, --role-muted
+   * collapsed. Tier classes publish --glyph-size and --glyph-stroke; the
+   * stroke is non-scaling, so it stays at its token at either size.
+   */
+  .glyph {
+    display: block;
+    flex: none;
+    inline-size: var(--glyph-size);
+    block-size: var(--glyph-size);
+    overflow: visible;
+    color: var(--role-muted);
+    fill: none;
+    stroke: currentColor;
+    stroke-width: var(--glyph-stroke);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  .glyphIn {
+    display: none;
+  }
+
+  /* Forced colors: the glyph keeps the text color, so it survives. */
+  @media (forced-colors: active) {
+    .glyph {
+      color: CanvasText;
+    }
+  }
+
+  /* The whole trigger is the target, at least --ds-size-hit tall (§9.1). */
+  .trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--size-px-2);
+    box-sizing: border-box;
+    min-block-size: var(--ds-size-hit);
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--primary12);
+    text-align: start;
+    cursor: pointer;
+    appearance: none;
+  }
+
+  /* The bare-text hover underline's color, weight and offset (§10.1) [D181]. */
+  .label {
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-2);
+    text-underline-offset: var(--size-px-1);
+  }
+
+  .openLabel {
+    display: none;
+  }
+
+  /* The clip reveal (§1.5.15) [D91]: the panel's edge wipes open; its content is clipped, never faded. */
+  .panel {
+    block-size: var(--collapsible-panel-height);
+    overflow: hidden;
+    overflow: clip;
+  }
+
+  .content {
+    color: var(--primary12);
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .panel {
+      transition-property: block-size;
+      transition-duration: var(--ds-duration-disclosure);
+      transition-timing-function: var(--ease-out-3);
+    }
+
+    /* Hover transitions [D181]: --ds-duration-quick, --ease-out-3. */
+    .label,
+    .glyph {
+      transition-property: text-decoration-color, stroke-width;
+      transition-duration: var(--ds-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+}
+
+@layer variants {
+  /*
+   * Tiers (§10.13): trigger rows 20 px at 1.5 px; chrome 16 px at 1.25 px.
+   * Each also publishes the next tier's weight, which a glyph host swaps in.
+   */
+  .glyphRow {
+    --glyph-size: var(--size-px-4);
+    --glyph-stroke: var(--ds-stroke-1-5);
+    --glyph-stroke-emphasis: var(--border-size-2);
+  }
+
+  .glyphChrome {
+    --glyph-size: var(--size-px-3);
+    --glyph-stroke: var(--ds-stroke-1-25);
+    --glyph-stroke-emphasis: var(--ds-stroke-1-5);
+  }
+}
+
+@layer states {
+  /* Expanded: arrows turn inward, in --primary12; an instant swap, never a rotation [D109]. */
+  [data-panel-open] .glyph {
+    color: var(--primary12);
+  }
+
+  [data-panel-open] .glyphOut {
+    display: none;
+  }
+
+  [data-panel-open] .glyphIn {
+    display: inline;
+  }
+
+  [data-panel-open] .closedLabel {
+    display: none;
+  }
+
+  [data-panel-open] .openLabel {
+    display: inline;
+  }
+
+  /* Disabled: label and glyph --role-muted; the one ink on grounds with no muted tier [D85]. */
+  [data-disabled] .glyph {
+    color: var(--role-muted);
+  }
+
+  .trigger[data-disabled] {
+    color: var(--role-muted);
+    cursor: default;
+  }
+
+  /*
+   * Hover (not disabled): the label takes the bare-text underline,
+   * --role-accent at --border-size-2, offset --size-px-1; the disclosure
+   * glyph does not change (§10.13) [D109, D181].
+   */
+  .trigger:not([data-disabled]):hover .label {
+    text-decoration-line: underline;
+  }
+
+  /*
+   * A glyph host (an icon-only control whose only content is the glyph,
+   * such as the staircase and section-bar toggles, §9.8, §11.7) swaps the
+   * glyph to the next tier's weight on hover and press, like Icon's
+   * `iconHost` (§10.1 icon states) [D181]. Trigger rows never host it.
+   */
+  .glyphHost:not([data-disabled], :disabled):is(:hover, :active) .glyph {
+    --glyph-stroke: var(--glyph-stroke-emphasis);
+  }
+
+  /* Focus: 2 px --primary12 ring at a 2 px offset, keyboard only [D45]. */
+  .trigger:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+
+  /* The panel's clip reveal runs from and to a zero block size. */
+  .panel[data-starting-style],
+  .panel[data-ending-style] {
+    block-size: 0;
+  }
+}
+
+@layer print {
+  @media print {
+    /* Disclosures print expanded: glyph and trigger hidden, the panel shown (§7.7). */
+    .glyph,
+    .trigger {
+      display: none;
+    }
+
+    .panel,
+    .panel[data-starting-style],
+    .panel[data-ending-style] {
+      block-size: auto;
+      overflow: visible;
+    }
+
+    .panel[hidden] {
+      display: block;
+      content-visibility: visible;
+    }
+  }
+}

package/components/Collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

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

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

package/components/Collapsible/index.js

@@ -0,0 +1,2 @@
+export * from './Collapsible';
+//# sourceMappingURL=index.js.map

package/components/Collapsible/index.js.map

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

package/components/Combobox/Combobox.d.ts

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../Icon';
+export declare const combobox: (props?: ({
+    multiple?: boolean | null | undefined;
+    plate?: 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 ComboboxVariants = VariantProps<typeof combobox>;
+/** One option: a string value and the words the list and the input show. */
+export type ComboboxOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+/** A titled group of options. */
+export type ComboboxOptionGroup = {
+    /** The group label, in `type-label` caps. */
+    label: string;
+    items: readonly ComboboxOption[];
+};
+type ComboboxItems = readonly ComboboxOption[] | readonly ComboboxOptionGroup[];
+type ComboboxValue<Multiple extends boolean | undefined> = Multiple extends true ? ComboboxOption[] : ComboboxOption | null;
+type RootProps<Multiple extends boolean | undefined> = Omit<BaseCombobox.Root.Props<ComboboxOption, Multiple>, 'items' | 'children' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'isItemEqualToValue'>;
+/** Props for Combobox: Base UI Combobox.Root props plus the options, rows and color axes. */
+export type ComboboxProps<Multiple extends boolean | undefined = false> = RootProps<Multiple> & {
+    /** The options, or titled groups. Base UI filters them as the user types. */
+    items: ComboboxItems;
+    /** `true` chooses several values, shown as removable chips in the box. Default `false`. */
+    multiple?: Multiple;
+    /** The chosen option (or options), controlled. */
+    value?: ComboboxValue<Multiple>;
+    /** The initial choice, uncontrolled. */
+    defaultValue?: ComboboxValue<Multiple>;
+    onValueChange?: (value: ComboboxValue<Multiple>, eventDetails: BaseCombobox.Root.ChangeEventDetails) => void;
+    /** The input's placeholder, ending in "…"; never the label. */
+    placeholder?: string;
+    /** A leading icon in the box, such as `search` (inline tier). */
+    icon?: IconName;
+    /** The empty row. Default "No matches for '[query]'". Keep what the user typed. */
+    emptyText?: (query: string) => React.ReactNode;
+    /** Shows the loading row ("Searching…") while suggestions load. */
+    loading?: boolean;
+    /** The loading row's words. Default "Searching…". */
+    loadingText?: React.ReactNode;
+    /**
+     * A fetch failure, shown with the danger glyph instead of silently
+     * closing: "Couldn't load suggestions. Keep typing or try again."
+     */
+    error?: React.ReactNode;
+    /**
+     * Adds the creatable row "+ Add '[query]'" when nothing matches exactly
+     * (flat lists only). Called with the query; add the option to `items`
+     * and select it through `value`.
+     */
+    onCreate?: (query: string) => void;
+    /** The add row's words. Default "Add '[query]'". */
+    createText?: (query: string) => React.ReactNode;
+    /** The clear ×'s accessible name. Default "Clear". */
+    clearLabel?: string;
+    /** The chevron's accessible name. Default "Show options". */
+    triggerLabel?: string;
+    /** A chip ×'s accessible name. Default "Remove [label]". */
+    removeLabel?: (label: string) => string;
+    /** Names the input when no visible label exists. Prefer a `FieldLabel`. */
+    'aria-label'?: string;
+    /** Class names for the box, added after the module's own. */
+    className?: string;
+    /** The box face becomes a nested `white` scope; patterned grounds only (§10.1). */
+    plate?: boolean;
+    /** Primary Radix scale: edge, value, icons, chips and focus ring. Never defaulted [D133]. */
+    primary?: ComboboxVariants['primary'];
+    /** Secondary Radix scale. Unused at rest; the danger scale while invalid. */
+    secondary?: ComboboxVariants['secondary'];
+};
+/**
+ * A Base UI Combobox inside a `Field` (label it with
+ * `<FieldLabel nativeLabel={false}>`). Focus stays in the input while the
+ * arrow keys highlight rows; Backspace in an empty input focuses the last
+ * chip, and a second Backspace removes it.
+ */
+export declare function Combobox<Multiple extends boolean | undefined = false>(props: ComboboxProps<Multiple>): React.JSX.Element;
+export {};
+//# sourceMappingURL=Combobox.d.ts.map

package/components/Combobox/Combobox.d.ts.map

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

package/components/Combobox/Combobox.js

@@ -0,0 +1,168 @@
+'use client';
+import * as React from 'react';
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { cva } from 'class-variance-authority';
+import { chip, chipParts } from '../Chip';
+import { dangerScale, useFieldInvalid } from '../Field';
+import { Ground } from '../Ground';
+import { Icon, iconHost } from '../Icon';
+import { highlightMatch } from '../../utils/highlightMatch';
+import { StatusGlyph } from '../../utils/StatusGlyph';
+import { OverlayScope, overlayAttributes, overlayScaleClassName } from '../../utils/overlay';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './combobox.module.css';
+/*
+ * Combobox (§10.6): a value chosen from a filtered list (countries,
+ * species, members), with optional multiple selection shown as chips.
+ * Under about 15 options, use Select.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: combobox.module.css; CVA function `combobox`.
+ * - Axes: `multiple` → multiple (the box wraps chips and grows); `plate` →
+ *   plate; `primary`, `secondary` → scales module classes.
+ * - Compound variants: none. Defaults: multiple false, plate false; color
+ *   axes none.
+ * - Color fallback: box and chips inherit the scope (chips take the
+ *   Combobox's scales); while the Field is invalid, its danger scale
+ *   (§10.2) [D129]. Popup: the `white` preset's defaults.
+ * - States: box `:hover` (not disabled) → edge per [D140]; `data-focused` →
+ *   the ring on any focus [D90]; `data-invalid` → error edge;
+ *   `data-disabled` → dotted edge, --role-muted, clear hidden;
+ *   `data-popup-open` → edge --primary12, chevron rotated. Item
+ *   `data-highlighted` → --primary4 plus the start bar [D145];
+ *   `data-selected` → leading ✓ plus --font-weight-6; `data-disabled` →
+ *   --role-muted. Popup `data-starting-style` / `data-ending-style` → the
+ *   clip reveal from `data-side` [D91].
+ * - Parts: base (the box), input, icon, clear, trigger, chips (each a
+ *   removable chip, the Chip module's parts through `chipParts` on Base
+ *   UI's Chip and ChipRemove, plus `chip` for its keyboard ring, stack
+ *   guard and print comma), popup, list, item,
+ *   itemIndicator, group, groupLabel, empty, status, addRow; plus match.
+ * - Scope: `popup` renders in its Base UI Portal and declares a nested
+ *   `white` page scope, writes no `data-theme`, and takes the [D92] frame
+ *   [D139, D156]. `plate` → the box is a nested `white` Ground.
+ * - Container: none; inherits its context.
+ */
+export const combobox = cva(styles.base, {
+    variants: {
+        multiple: {
+            true: styles.multiple,
+        },
+        plate: {
+            true: styles.plate,
+        },
+        // Color axes: never defaulted [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        multiple: false,
+        plate: false,
+    },
+});
+/** A chosen value's chip: the Chip module's removable chip (§10.11), on Base UI's Chip. */
+const chipClassName = chip({ removable: true });
+const CREATE = '\u0000create:';
+function isGroups(items) {
+    return items.length > 0 && 'items' in items[0];
+}
+function isCreate(option) {
+    return option != null && option.value.startsWith(CREATE);
+}
+/**
+ * A Base UI Combobox inside a `Field` (label it with
+ * `<FieldLabel nativeLabel={false}>`). Focus stays in the input while the
+ * arrow keys highlight rows; Backspace in an empty input focuses the last
+ * chip, and a second Backspace removes it.
+ */
+export function Combobox(props) {
+    const { items, multiple, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputValueChange, placeholder, icon, emptyText = (query) => `No matches for '${query}'`, loading = false, loadingText = 'Searching…', error, onCreate, createText = (query) => `Add '${query}'`, clearLabel = 'Clear', triggerLabel = 'Show options', removeLabel = (label) => `Remove ${label}`, 'aria-label': ariaLabel, className, plate, primary, secondary, ...rootProps } = props;
+    const scope = useScopeAttributes();
+    const invalid = useFieldInvalid();
+    const resolvedSecondary = invalid ? dangerScale : secondary;
+    // The query, for match marking and the add row.
+    const [innerQuery, setInnerQuery] = React.useState(String(defaultInputValue ?? ''));
+    const query = inputValue !== undefined ? String(inputValue) : innerQuery;
+    // The value is held here so the creatable row never becomes the value.
+    const [innerValue, setInnerValue] = React.useState(() => (defaultValue ?? (multiple ? [] : null)));
+    const currentValue = value !== undefined ? value : innerValue;
+    const trimmed = query.trim();
+    const creatable = onCreate !== undefined &&
+        trimmed !== '' &&
+        !isGroups(items) &&
+        !items.some((option) => option.label.trim().toLocaleLowerCase() === trimmed.toLocaleLowerCase());
+    const viewItems = creatable
+        ? [...items, { value: `${CREATE}${trimmed}`, label: trimmed }]
+        : items;
+    const handleValueChange = (next, details) => {
+        const created = Array.isArray(next) ? next.find(isCreate) : isCreate(next) ? next : null;
+        if (created) {
+            onCreate?.(created.label);
+            return;
+        }
+        setInnerValue(next);
+        onValueChange?.(next, details);
+    };
+    const handleInputValueChange = (next, details) => {
+        setInnerQuery(next);
+        onInputValueChange?.(next, details);
+    };
+    const boxClassName = combobox({
+        multiple,
+        plate,
+        primary: plate ? undefined : primary,
+        secondary: plate ? undefined : resolvedSecondary,
+        className,
+    });
+    const inputNode = (React.createElement(BaseCombobox.Input, { className: styles.input, placeholder: placeholder, "aria-label": ariaLabel }));
+    const boxChildren = (React.createElement(React.Fragment, null,
+        icon ? React.createElement(Icon, { name: icon, className: styles.icon }) : null,
+        multiple ? (React.createElement(BaseCombobox.Chips, { className: styles.chips },
+            React.createElement(BaseCombobox.Value, null, (chosen) => chosen.map((option) => (React.createElement(BaseCombobox.Chip, { key: option.value, className: `${chipClassName} ${styles.chip}`, "aria-label": option.label },
+                React.createElement("span", { className: chipParts.label }, option.label),
+                React.createElement(BaseCombobox.ChipRemove, { className: `${chipParts.remove} ${iconHost}`, "aria-label": removeLabel(option.label) },
+                    React.createElement(Icon, { name: "close", weight: "interactive" })),
+                React.createElement("svg", { className: chipParts.edge, "aria-hidden": "true", focusable: "false" },
+                    React.createElement("rect", { className: chipParts.edgeLine, width: "100%", height: "100%" })))))),
+            inputNode)) : (inputNode),
+        React.createElement(BaseCombobox.Clear, { className: `${styles.clear} ${iconHost}`, "aria-label": clearLabel },
+            React.createElement(Icon, { name: "close", weight: "interactive" })),
+        React.createElement(BaseCombobox.Trigger, { className: `${styles.trigger} ${iconHost}`, "aria-label": triggerLabel },
+            React.createElement(Icon, { name: "expand_more", weight: "interactive", className: styles.chevron })),
+        React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
+            React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" }))));
+    const renderOption = (option) => isCreate(option) ? (React.createElement(BaseCombobox.Item, { key: option.value, value: option, className: [styles.item, styles.addRow].join(' ') },
+        React.createElement(Icon, { name: "add", className: styles.addGlyph }),
+        React.createElement("span", { className: styles.itemText }, createText(option.label)))) : (React.createElement(BaseCombobox.Item, { key: option.value, value: option, disabled: option.disabled, className: styles.item },
+        React.createElement(BaseCombobox.ItemIndicator, { className: styles.itemIndicator },
+            React.createElement(Icon, { name: "check" })),
+        React.createElement("span", { className: styles.itemText }, highlightMatch(option.label, query, styles.match))));
+    return (React.createElement(BaseCombobox.Root, { ...rootProps, multiple: multiple, items: viewItems, value: currentValue, onValueChange: handleValueChange, inputValue: inputValue, defaultInputValue: defaultInputValue, onInputValueChange: handleInputValueChange, itemToStringLabel: (option) => option.label, itemToStringValue: (option) => option.value, isItemEqualToValue: (option, chosen) => option.value === chosen.value },
+        plate ? (React.createElement(BaseCombobox.InputGroup, { className: boxClassName, render: React.createElement(Ground, { preset: "white", kind: "face", primary: primary ?? undefined, secondary: resolvedSecondary ?? undefined, render: React.createElement("div", null) }) }, boxChildren)) : (React.createElement(BaseCombobox.InputGroup, { ...scope, className: boxClassName }, boxChildren)),
+        React.createElement(BaseCombobox.Portal, null,
+            React.createElement(BaseCombobox.Positioner, { className: styles.positioner, sideOffset: 8, collisionPadding: 16 },
+                React.createElement(BaseCombobox.Popup, { ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
+                    React.createElement(OverlayScope, null,
+                        React.createElement(ComboboxStatusRow, { loading: loading, loadingText: loadingText, error: error }),
+                        React.createElement(BaseCombobox.Empty, { className: styles.empty }, loading || error ? null : emptyText(query)),
+                        React.createElement(BaseCombobox.List, { className: styles.list }, isGroups(viewItems)
+                            ? viewItems.map((group, index) => (React.createElement(React.Fragment, { key: group.label },
+                                index > 0 ? React.createElement(BaseCombobox.Separator, { className: styles.separator }) : null,
+                                React.createElement(BaseCombobox.Group, { items: group.items, className: styles.group },
+                                    React.createElement(BaseCombobox.GroupLabel, { className: styles.groupLabel }, group.label),
+                                    React.createElement(BaseCombobox.Collection, null, (option) => renderOption(option))))))
+                            : (option) => renderOption(option))))))));
+}
+/**
+ * The loading row ("Searching…", busy wording [D84]) and the fetch-failure
+ * row, in a polite live region that stays mounted. The failure carries the
+ * danger scale for its glyph.
+ */
+function ComboboxStatusRow({ loading, loadingText, error, }) {
+    const scope = useScopeAttributes();
+    return (React.createElement(BaseCombobox.Status, { className: styles.status }, loading ? (loadingText) : error ? (React.createElement("span", { ...scope, className: [styles.statusError, secondaryScaleVariants[dangerScale]].join(' ') },
+        React.createElement(StatusGlyph, { status: "danger", className: styles.statusGlyph }),
+        React.createElement("span", null, error))) : null));
+}
+//# sourceMappingURL=Combobox.js.map

package/components/Combobox/Combobox.js.map

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