@fairgarden/design 0.1.0-0.canary.0

package/disclosure/collapsible/collapsible.module.css

@@ -0,0 +1,214 @@
+/*
+ * Collapsible (§10.13) and the 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 --fgd-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(--fgd-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(--fgd-duration-disclosure);
+      transition-timing-function: var(--ease-out-3);
+    }
+
+    /* Hover transitions [D181]: --fgd-duration-quick, --ease-out-3. */
+    .label,
+    .glyph {
+      transition-property: text-decoration-color, stroke-width;
+      transition-duration: var(--fgd-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(--border-size-1-5);
+    --glyph-stroke-emphasis: var(--border-size-2);
+  }
+
+  .glyphChrome {
+    --glyph-size: var(--size-px-3);
+    --glyph-stroke: var(--border-size-1-25);
+    --glyph-stroke-emphasis: var(--border-size-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/disclosure/collapsible/index.d.ts

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

package/disclosure/collapsible/index.d.ts.map

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

package/disclosure/collapsible/index.js

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

package/disclosure/collapsible/index.js.map

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

package/disclosure/faq/FAQ.d.ts

@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../../foundations/icon';
+export declare const faq: (props?: ({
+    kind?: "split" | "ruled" | "keyed" | null | undefined;
+    barred?: 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 FAQVariants = VariantProps<typeof faq>;
+/** Props for FAQ: `section` props, `render`, and the kind, bar and color axes. */
+export type FAQProps = useRender.ComponentProps<'section'> & {
+    /**
+     * `ruled` (default): bare rows between `--role-rule` rules. `keyed`: a
+     * leading block icon per row (`FAQItem icon`), answers indented to the
+     * question column. `split`: from 1024 px of viewport, header and intro in
+     * the left third and the list in the right two thirds.
+     */
+    kind?: FAQVariants['kind'];
+    /**
+     * Shows a `--border-size-2-25` `--primary12` bar at the start of each open
+     * item's row: a bolder line, never a fill. Default `false`.
+     */
+    barred?: FAQVariants['barred'];
+    /**
+     * Primary Radix scale: rules, questions, glyph and answers. Never
+     * defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: FAQVariants['primary'];
+    /**
+     * Secondary Radix scale: only the link underlines inside answers and on
+     * the contact link (`--role-accent`). Never defaulted.
+     */
+    secondary?: FAQVariants['secondary'];
+};
+/**
+ * The FAQ module: `FAQHeader` (with `FAQTitle` and an optional `FAQIntro`),
+ * `FAQList` holding `FAQItem`s, and an optional closing `FAQContact`. Place
+ * it on light or deep grounds; on saturated grounds keep to five items with
+ * answers of 40 words or fewer. Every answer prints expanded.
+ */
+export declare function FAQ(props: FAQProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for FAQHeader: `header` props and `render`. */
+export type FAQHeaderProps = useRender.ComponentProps<'header'>;
+/** The module header: the chapter-stack title, then the optional intro (§3.5 Recipe A). */
+export declare function FAQHeader(props: FAQHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for FAQTitle: heading props and `render` (default `<h2>`). */
+export type FAQTitleProps = useRender.ComponentProps<'h2'>;
+/** The section head: `type-h2` in `--role-heading`. Renders `<h2>`. */
+export declare function FAQTitle(props: FAQTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for FAQIntro: paragraph props and `render`. */
+export type FAQIntroProps = useRender.ComponentProps<'p'>;
+/** An optional lede under the title, within `--fgd-measure-reading`. */
+export declare function FAQIntro(props: FAQIntroProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for FAQContact: paragraph props and `render`. */
+export type FAQContactProps = useRender.ComponentProps<'p'>;
+/** The optional closing contact line, e.g. "Still stuck? Write to us." with a Link. */
+export declare function FAQContact(props: FAQContactProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for FAQList: Base UI Accordion Root props. */
+export type FAQListProps<Value = unknown> = BaseAccordion.Root.Props<Value>;
+/**
+ * The item list, a Base UI Accordion Root. Several items may be open at once
+ * (`multiple`, default `true`); closed answers stay in the DOM
+ * (`hiddenUntilFound`, default `true`) for find-in-page and print. Never
+ * open items by hover.
+ */
+export declare function FAQList<Value = unknown>(props: FAQListProps<Value>): React.JSX.Element;
+/** Props for FAQItem: Base UI Accordion Item props (without `disabled`) plus the question. */
+export type FAQItemProps = Omit<BaseAccordion.Item.Props, 'disabled' | 'title'> & {
+    /** The question: `type-itemhead` in `--primary12`, inside an `h3`. */
+    question: React.ReactNode;
+    /**
+     * The leading block icon of the `keyed` kind (§6.10 subject symbol,
+     * Material Symbols Rounded, block tier). Ignored by the other kinds.
+     */
+    icon?: IconName;
+    /** Props for the answer panel, such as `keepMounted`. */
+    panelProps?: Omit<BaseAccordion.Panel.Props, 'children'>;
+};
+/**
+ * One question and its answer. The question is an `h3` wrapping the trigger;
+ * the disclosure glyph trails it, top-aligned to its first line. The answer
+ * is `type-body`, within `--fgd-measure-reading`. FAQ items are never
+ * disabled.
+ */
+export declare function FAQItem(props: FAQItemProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FAQ.d.ts.map

package/disclosure/faq/FAQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/disclosure/faq/FAQ.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAgC5D,eAAO,MAAM,GAAG;;;;;8EAkBd,CAAA;AAEF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AAE3C,kFAAkF;AAClF,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IAC3D;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;CACrC,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,0EAelC;AAED,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;AAE/D,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,0EAQ9C;AAED,uEAAuE;AACvE,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAE1D,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,0EAQ5C;AAED,wDAAwD;AACxD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAEzD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,0EAQ5C;AAED,0DAA0D;AAC1D,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3D,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,0EAQhD;AAED,uDAAuD;AACvD,MAAM,MAAM,YAAY,CAAC,KAAK,GAAG,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AAE3E;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,GAAG,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,qBAUlE;AAED,8FAA8F;AAC9F,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAChF,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,yDAAyD;IACzD,UAAU,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;CACzD,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAwB1C"}

package/disclosure/faq/FAQ.js

@@ -0,0 +1,146 @@
+'use client';
+import * as React from 'react';
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { DisclosureGlyph } from '../collapsible';
+import { Icon } from '../../foundations/icon';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './faq.module.css';
+/*
+ * FAQ (§12.5): 4–15 independent question-and-answer pairs that readers scan.
+ * Built on the Base UI Accordion in the §10.13 Ruled form (disclosure
+ * glyph) with the Strong top rule; motion follows §10.13.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: faq.module.css; CVA function `faq`.
+ * - Axes: `kind` → ruled | keyed | split; `barred` → `barred` (the open bar
+ *   on open items); `primary`, `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: kind ruled, barred false; color axes: none.
+ * - Color fallback: inherits the scope.
+ * - States: Trigger `data-panel-open` → glyph direction and color, and
+ *   `openBar` under `barred`; Panel `data-starting-style` /
+ *   `data-ending-style` → the §10.13 clip reveal, never opacity [D91];
+ *   `:hover` (not disabled) on `trigger` → the bare-text underline on the
+ *   question (--role-accent at --border-size-2, offset --size-px-1)
+ *   [D181]; `:focus-visible` on `trigger` → the ring. No disabled
+ *   state.
+ * - Parts: base, header, title, intro, list (Accordion Root), item (Item),
+ *   heading (Header), trigger (Trigger), icon (keyed), question, glyph,
+ *   openBar, panel (Panel), answer, contact.
+ * - Scope: none.
+ * - Container: none. The list does not reflow; `split` is a page-grid
+ *   placement on viewport media (--lg-n-above) [D163].
+ */
+export const faq = cva(styles.base, {
+    variants: {
+        kind: {
+            ruled: styles.ruled,
+            keyed: styles.keyed,
+            split: styles.split,
+        },
+        barred: {
+            true: styles.barred,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'ruled',
+        barred: false,
+    },
+});
+/**
+ * The FAQ module: `FAQHeader` (with `FAQTitle` and an optional `FAQIntro`),
+ * `FAQList` holding `FAQItem`s, and an optional closing `FAQContact`. Place
+ * it on light or deep grounds; on saturated grounds keep to five items with
+ * answers of 40 words or fewer. Every answer prints expanded.
+ */
+export function FAQ(props) {
+    const { render, ref, className, kind, barred, primary, secondary, ...rest } = props;
+    const scope = useScopeAttributes();
+    return useRender({
+        defaultTagName: 'section',
+        render,
+        ref,
+        props: mergeProps({
+            ...scope,
+            className: faq({ kind, barred, primary, secondary, className }),
+        }, rest),
+    });
+}
+/** The module header: the chapter-stack title, then the optional intro (§3.5 Recipe A). */
+export function FAQHeader(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'header',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.header, className) }, rest),
+    });
+}
+/** The section head: `type-h2` in `--role-heading`. Renders `<h2>`. */
+export function FAQTitle(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'h2',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.title, className) }, rest),
+    });
+}
+/** An optional lede under the title, within `--fgd-measure-reading`. */
+export function FAQIntro(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.intro, className) }, rest),
+    });
+}
+/** The optional closing contact line, e.g. "Still stuck? Write to us." with a Link. */
+export function FAQContact(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.contact, className) }, rest),
+    });
+}
+/**
+ * The item list, a Base UI Accordion Root. Several items may be open at once
+ * (`multiple`, default `true`); closed answers stay in the DOM
+ * (`hiddenUntilFound`, default `true`) for find-in-page and print. Never
+ * open items by hover.
+ */
+export function FAQList(props) {
+    const { className, multiple = true, hiddenUntilFound = true, ...rest } = props;
+    return (React.createElement(BaseAccordion.Root, { ...rest, multiple: multiple, hiddenUntilFound: hiddenUntilFound, className: resolveClassName(className, (extra) => cx(styles.list, extra)) }));
+}
+/**
+ * One question and its answer. The question is an `h3` wrapping the trigger;
+ * the disclosure glyph trails it, top-aligned to its first line. The answer
+ * is `type-body`, within `--fgd-measure-reading`. FAQ items are never
+ * disabled.
+ */
+export function FAQItem(props) {
+    const { question, icon, panelProps, className, children, ...rest } = props;
+    const { className: panelClassName, ...panelRest } = panelProps ?? {};
+    return (React.createElement(BaseAccordion.Item, { ...rest, className: resolveClassName(className, (extra) => cx(styles.item, extra)) },
+        React.createElement(BaseAccordion.Header, { className: styles.heading },
+            React.createElement(BaseAccordion.Trigger, { className: styles.trigger },
+                React.createElement("span", { className: styles.openBar, "aria-hidden": "true" }),
+                icon ? React.createElement(Icon, { name: icon, size: "block", className: styles.icon }) : null,
+                React.createElement("span", { className: styles.question }, question),
+                React.createElement(DisclosureGlyph, { size: "row", className: styles.glyph }))),
+        React.createElement(BaseAccordion.Panel, { ...panelRest, className: resolveClassName(panelClassName, (extra) => cx(styles.panel, extra)) },
+            React.createElement("div", { className: styles.answer }, children))));
+}
+//# sourceMappingURL=FAQ.js.map

package/disclosure/faq/FAQ.js.map

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