@fairgarden/design 0.1.0-0.canary.0

package/disclosure/accordion/Accordion.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../../foundations/icon';
+export declare const accordion: (props?: ({
+    glyph?: "disclosure" | "plusminus" | null | undefined;
+    headed?: 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 AccordionVariants = VariantProps<typeof accordion>;
+export type AccordionGlyph = NonNullable<AccordionVariants['glyph']>;
+/** Props for Accordion: Base UI Accordion Root props plus the glyph, headed and color axes. */
+export type AccordionProps<Value = unknown> = BaseAccordion.Root.Props<Value> & {
+    /**
+     * `disclosure` (default): the expand/collapse glyph at the row's end
+     * [D109]. `plusminus`: the outline circle holding + or −, the documented
+     * alternate for product UI. Never mix the two on one page.
+     */
+    glyph?: AccordionVariants['glyph'];
+    /**
+     * Draws a `--border-size-2` `--primary12` rule above the first item. Use
+     * it when the accordion directly follows a heading. Default `false`.
+     */
+    headed?: AccordionVariants['headed'];
+    /**
+     * Primary Radix scale: rules, titles, glyph and panel text. Never
+     * defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: AccordionVariants['primary'];
+    /** Secondary Radix scale, accepted for the shared contract; no part uses it. */
+    secondary?: AccordionVariants['secondary'];
+};
+/**
+ * A set of disclosure rows divided by `--role-rule` rules, including after
+ * the last item. Several items may be open at once (`multiple`, default
+ * `true`). Closed panels stay in the DOM (`hiddenUntilFound`, default
+ * `true`), so find-in-page reaches them and every panel prints expanded.
+ * Never convert an accordion into tabs.
+ */
+export declare function Accordion<Value = unknown>(props: AccordionProps<Value>): React.JSX.Element;
+type HeadingLevel = 2 | 3 | 4 | 5 | 6;
+/** Props for AccordionItem: Base UI Accordion Item props (without `title`) plus the row content. */
+export type AccordionItemProps = Omit<BaseAccordion.Item.Props, 'title'> & {
+    /**
+     * The row's title, `type-subhead` in `--primary12`. Write it to stand
+     * alone: it becomes the printed heading.
+     */
+    title: React.ReactNode;
+    /**
+     * An optional leading subject symbol (§6.10), Material Symbols Rounded at
+     * the tag tier; the panel indents to the title column. Dropped below
+     * 360 px so the title keeps its width.
+     */
+    icon?: IconName;
+    /** The heading level wrapping the trigger. Default `3`. */
+    headingLevel?: HeadingLevel;
+    /** Props for the panel, such as `keepMounted`. */
+    panelProps?: Omit<BaseAccordion.Panel.Props, 'children'>;
+};
+/**
+ * One row: a heading wrapping the trigger (optional icon, title, glyph at
+ * the row's end, top-aligned to the title's first line) and the panel. The
+ * whole row is the target. There is no fill change when it opens.
+ */
+export declare function AccordionItem(props: AccordionItemProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

package/disclosure/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/disclosure/accordion/Accordion.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;AAGjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AA+BtE,eAAO,MAAM,SAAS;;;;;8EAiBpB,CAAA;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AACvD,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAA;AAIpE,+FAA+F;AAC/F,MAAM,MAAM,cAAc,CAAC,KAAK,GAAG,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;IAC9E;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,gFAAgF;IAChF,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC3C,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,GAAG,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,qBAyBtE;AAED,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAUrC,oGAAoG;AACpG,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IACzE;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,kDAAkD;IAClD,UAAU,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;CACzD,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA2CtD"}

package/disclosure/accordion/Accordion.js

@@ -0,0 +1,95 @@
+'use client';
+import * as React from 'react';
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { cva } from 'class-variance-authority';
+import { DisclosureGlyph } from '../collapsible';
+import { Icon, iconHost } from '../../foundations/icon';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './accordion.module.css';
+/*
+ * Accordion (§10.13): long reference content scanned by heading.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: accordion.module.css; CVA function `accordion`.
+ * - Axes: `glyph` → disclosure | plusminus (the disclosure glyph at the row's end,
+ *   or the outline circle holding + / −, the documented alternate);
+ *   `headed` → `headed` (a --border-size-2 --primary12 rule above the first
+ *   item, when the accordion follows a heading); `primary`, `secondary` →
+ *   scales module classes (`secondary` unused).
+ * - Compound variants: none.
+ * - Defaults: glyph disclosure, headed false; color axes: none.
+ * - Color fallback: inherits the scope.
+ * - States: trigger `data-panel-open` → the glyph flips direction and takes
+ *   --primary12 (never rotates); `:hover` (not disabled) → the bare-text
+ *   underline on the title (--role-accent at --border-size-2, offset
+ *   --size-px-1), the disclosure glyph unchanged, the plus/minus glyph at
+ *   the next tier's weight (§10.1 icon states) [D181]; `:focus-visible`
+ *   → ring around the row, inside the column; `data-disabled` → title and
+ *   glyph --role-muted. Item `data-open` → no fill change. Panel
+ *   `data-starting-style` / `data-ending-style` → the clip reveal, instant
+ *   under --motionNotOK [D91].
+ * - Parts: base, item, header, trigger, icon, title, glyph, panel (+ `content`).
+ * - Scope: none. Container: none; inherits its context.
+ */
+export const accordion = cva(styles.base, {
+    variants: {
+        glyph: {
+            disclosure: styles.disclosure,
+            plusminus: styles.plusminus,
+        },
+        headed: {
+            true: styles.headed,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        glyph: 'disclosure',
+        headed: false,
+    },
+});
+const AccordionGlyphContext = React.createContext('disclosure');
+/**
+ * A set of disclosure rows divided by `--role-rule` rules, including after
+ * the last item. Several items may be open at once (`multiple`, default
+ * `true`). Closed panels stay in the DOM (`hiddenUntilFound`, default
+ * `true`), so find-in-page reaches them and every panel prints expanded.
+ * Never convert an accordion into tabs.
+ */
+export function Accordion(props) {
+    const { glyph, headed, primary, secondary, className, multiple = true, hiddenUntilFound = true, ...rest } = props;
+    const scope = useScopeAttributes();
+    return (React.createElement(AccordionGlyphContext.Provider, { value: glyph ?? 'disclosure' },
+        React.createElement(BaseAccordion.Root, { ...rest, ...scope, multiple: multiple, hiddenUntilFound: hiddenUntilFound, className: resolveClassName(className, (extra) => accordion({ glyph, headed, primary, secondary, className: extra })) })));
+}
+const headingTags = {
+    2: React.createElement("h2", null),
+    3: React.createElement("h3", null),
+    4: React.createElement("h4", null),
+    5: React.createElement("h5", null),
+    6: React.createElement("h6", null),
+};
+/**
+ * One row: a heading wrapping the trigger (optional icon, title, glyph at
+ * the row's end, top-aligned to the title's first line) and the panel. The
+ * whole row is the target. There is no fill change when it opens.
+ */
+export function AccordionItem(props) {
+    const { title, icon, headingLevel = 3, panelProps, className, children, ...rest } = props;
+    const glyph = React.useContext(AccordionGlyphContext);
+    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.header, render: headingTags[headingLevel] },
+            React.createElement(BaseAccordion.Trigger, { className: glyph === 'plusminus' ? `${styles.trigger} ${iconHost}` : styles.trigger },
+                icon ? React.createElement(Icon, { name: icon, size: "tag", className: styles.icon }) : null,
+                React.createElement("span", { className: styles.title }, title),
+                glyph === 'plusminus' ? (React.createElement("span", { className: `${styles.glyph} ${styles.circle}`, "aria-hidden": "true" },
+                    React.createElement(Icon, { name: "add", weight: "interactive", className: styles.plus }),
+                    React.createElement(Icon, { name: "remove", weight: "interactive", className: styles.minus }))) : (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.content }, children))));
+}
+//# sourceMappingURL=Accordion.js.map

package/disclosure/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/disclosure/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAiB,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,SAAS,EAAE,MAAM,CAAC,SAAS;SAC5B;QACD,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC,MAAM;SACpB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,KAAK;KACd;CACF,CAAC,CAAA;AAKF,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAiB,YAAY,CAAC,CAAA;AAwB/E;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAkB,KAA4B;IACrE,MAAM,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,gBAAgB,GAAG,IAAI,EACvB,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAI,YAAY;QAC1D,oBAAC,aAAa,CAAC,IAAI,OACb,IAAI,KACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/C,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACnE,GACD,CAC6B,CAClC,CAAA;AACH,CAAC;AAID,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,+BAAM;IACT,CAAC,EAAE,+BAAM;IACT,CAAC,EAAE,+BAAM;IACT,CAAC,EAAE,+BAAM;IACT,CAAC,EAAE,+BAAM;CACkD,CAAA;AAqB7D;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,YAAY,GAAG,CAAC,EAChB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACrD,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAA;IAEpE,OAAO,CACL,oBAAC,aAAa,CAAC,IAAI,OACb,IAAI,EACR,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAEzE,oBAAC,aAAa,CAAC,MAAM,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC;YAC/E,oBAAC,aAAa,CAAC,OAAO,IACpB,SAAS,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;gBAElF,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI;gBACtE,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAQ;gBAC5C,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,CAEvB,8BAAM,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,iBAAc,MAAM;oBACrE,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;oBAChE,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,CAC/D,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,CACxD,CACqB,CACH;QACvB,oBAAC,aAAa,CAAC,KAAK,OACd,SAAS,EACb,SAAS,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAE/E,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5B,CACH,CACtB,CAAA;AACH,CAAC"}

package/disclosure/accordion/accordion.module.css

@@ -0,0 +1,248 @@
+/*
+ * Accordion (§10.13). Parts: `base` (the Base UI Root), `item` (its top rule;
+ * the last item also closes with one), `header` (the heading), `trigger`
+ * (the row), `icon` (optional leading subject symbol), `title`, `glyph`
+ * (the disclosure glyph, whose direction and color the Collapsible
+ * module draws, or the plus/minus `circle`), `panel` and its padded inner
+ * `content`. Pure type and line: no fill in any state. Colors are role
+ * variables only; 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. The trigger carries the title's
+ * type role so the glyph can align to the first line (1lh). */
+.trigger {
+  composes: typeSubhead from '../../utils/type.module.css';
+}
+
+.content {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.item {
+  composes: lineSolid from '../../utils/line.module.css';
+}
+
+@layer base {
+  .base {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  /* Row rules: --border-size-1 --role-rule above each item and after the last. */
+  .item {
+    border-width: 0;
+    border-block-start-width: var(--border-size-1);
+    border-color: var(--role-rule);
+  }
+
+  .item:last-child {
+    border-block-end-width: var(--border-size-1);
+  }
+
+  .header {
+    margin: 0;
+  }
+
+  /* The row: ≥ --fgd-size-control-xl tall, --size-px-3 vertical padding, text aligned to the column. */
+  .trigger {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--size-px-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--fgd-size-control-xl);
+    margin: 0;
+    padding-block: var(--size-px-3);
+    padding-inline: 0;
+    border: 0;
+    background: none;
+    color: var(--primary12);
+    text-align: start;
+    cursor: pointer;
+    appearance: none;
+  }
+
+  /* Leading icon and glyph centre on the title's first line (1lh), so they stay top-aligned when it wraps. */
+  .icon {
+    margin-block: calc((1lh - var(--size-px-4)) / 2);
+    color: var(--primary12);
+  }
+
+  /* The bare-text hover underline's color, weight and offset (§10.1) [D181]. */
+  .title {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-2);
+    text-underline-offset: var(--size-px-1);
+  }
+
+  /* Both glyph forms sit at the row's end. */
+  .glyph {
+    flex: none;
+  }
+
+  /* The clip reveal (§1.5.15) [D91]: the panel's edge wipes open; never a fade. */
+  .panel {
+    block-size: var(--accordion-panel-height);
+    overflow: hidden;
+    overflow: clip;
+  }
+
+  .content {
+    padding-block-end: var(--size-px-5);
+    color: var(--primary12);
+  }
+
+  /* A leading icon indents the panel to the title column. */
+  .item:has(.icon) .content {
+    padding-inline-start: calc(var(--size-px-4) + var(--size-px-3));
+  }
+
+  @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. */
+    .title,
+    .circle {
+      transition-property: text-decoration-color, border-width;
+      transition-duration: var(--fgd-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+
+  /* Stack guard: leading icons drop so the title keeps its width [D73]. */
+  @media (max-width: 359.98px) {
+    .icon {
+      display: none;
+    }
+
+    .item:has(.icon) .content {
+      padding-inline-start: 0;
+    }
+  }
+}
+
+@layer variants {
+  /* Disclosure (default): the 20 px disclosure glyph, centred on the title's first line [D109]. */
+  .disclosure .glyph {
+    margin-block: calc((1lh - var(--size-px-4)) / 2);
+  }
+
+  /* Strong top: a --border-size-2 --primary12 rule above the first item. */
+  .headed .item:first-child {
+    border-block-start-width: var(--border-size-2);
+    border-block-start-color: var(--primary12);
+  }
+
+  /* Plus / minus: a --size-px-5 outline circle at --border-size-1-5, outline in both states. */
+  .plusminus .circle {
+    --accordion-circle-edge: var(--border-size-1-5);
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    inline-size: var(--size-px-5);
+    block-size: var(--size-px-5);
+    margin-block: calc((1lh - var(--size-px-5)) / 2);
+    border: var(--accordion-circle-edge) solid var(--primary12);
+    border-radius: var(--radius-round);
+    color: var(--primary12);
+  }
+
+  .plusminus .minus {
+    display: none;
+  }
+}
+
+@layer states {
+  /* Expanded: + becomes −; the disclosure glyph's own module flips its arrows. */
+  .trigger[data-panel-open] .plus {
+    display: none;
+  }
+
+  .trigger[data-panel-open] .minus {
+    display: inline-block;
+  }
+
+  /*
+   * Hover (not disabled): the title takes the bare-text underline,
+   * --role-accent at --border-size-2, offset --size-px-1; the disclosure
+   * glyph does not change [D109, D181].
+   */
+  .trigger:not([data-disabled]):hover .title {
+    text-decoration-line: underline;
+  }
+
+  /*
+   * Plus / minus hover and press: the glyph takes the next tier's weight
+   * (§10.1 icon states) [D181]. The sign swaps to its emphasis instance
+   * (Icon weight="interactive", hosted by the trigger); the circle, drawn
+   * at the sign's tier, steps with it to the next tier's stroke.
+   */
+  .trigger:not([data-disabled]):is(:hover, :active) .circle {
+    --accordion-circle-edge: var(--border-size-2);
+  }
+
+  /* Focus: the ring surrounds the row, drawn inside the column so it never clips. */
+  .trigger:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: calc(-1 * var(--border-size-2));
+  }
+
+  /* Disabled: title, icon and glyph --role-muted; the row rule is unchanged [D16, D85]. */
+  .trigger[data-disabled] {
+    color: var(--role-muted);
+    cursor: default;
+  }
+
+  .trigger[data-disabled] .icon {
+    color: var(--role-muted);
+  }
+
+  .trigger[data-disabled] .circle {
+    border-color: var(--role-muted);
+    color: var(--role-muted);
+  }
+
+  .panel[data-starting-style],
+  .panel[data-ending-style] {
+    block-size: 0;
+  }
+}
+
+@layer print {
+  @media print {
+    /* Every panel prints expanded; the trigger prints as its heading and glyphs hide (§7.7). */
+    .glyph {
+      display: none;
+    }
+
+    .trigger {
+      min-block-size: 0;
+    }
+
+    .header {
+      break-after: avoid;
+    }
+
+    .panel,
+    .panel[data-starting-style],
+    .panel[data-ending-style] {
+      block-size: auto;
+      overflow: visible;
+    }
+
+    .panel[hidden] {
+      display: block;
+      content-visibility: visible;
+    }
+  }
+}

package/disclosure/accordion/index.d.ts

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

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

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

package/disclosure/accordion/index.js

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

package/disclosure/accordion/index.js.map

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

package/disclosure/collapsible/Collapsible.d.ts

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { type VariantProps } from 'class-variance-authority';
+export declare const collapsible: (props?: ({
+    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 CollapsibleVariants = VariantProps<typeof collapsible>;
+/** The disclosure glyph's two tiers (§10.13). */
+export declare const disclosureGlyph: (props?: ({
+    size?: "row" | "chrome" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Add to an icon-only control whose only content is the disclosure glyph
+ * (the staircase or section-bar toggle): hover and press then swap the
+ * glyph to the next tier's weight (§10.1 icon states) [D181]. Trigger rows
+ * (Accordion, FAQ, Collapsible) never take it: their glyph does not change
+ * on hover [D109].
+ */
+export declare const disclosureGlyphHost: string;
+/** Props for DisclosureGlyph: SVG props (without `children`) and the tier. */
+export type DisclosureGlyphProps = Omit<React.ComponentPropsWithRef<'svg'>, 'children'> & {
+    /**
+     * `row` (default): `--size-px-4` (20 px) at `--border-size-1-5`, for trigger
+     * rows (Accordion, FAQ). `chrome`: `--size-px-3` (16 px) at
+     * `--border-size-1-25`, for bars, drawer groups and an inline "Show more".
+     */
+    size?: VariantProps<typeof disclosureGlyph>['size'];
+};
+/**
+ * The expand/collapse glyph [D109]: two thin arrows pointing outward from
+ * a short center hairline when collapsed, inward when expanded (§6.10). It
+ * reads the state from the nearest Base UI trigger's `data-panel-open`, so
+ * place it inside an Accordion or Collapsible trigger. The direction swaps
+ * instantly and never rotates; collapsed it is --role-muted, expanded
+ * --primary12. Decorative: the trigger carries the state (`aria-expanded`).
+ */
+export declare function DisclosureGlyph({ size, className, ...rest }: DisclosureGlyphProps): React.JSX.Element;
+/** Props for Collapsible: Base UI Collapsible Root props plus the color axes. */
+export type CollapsibleProps = BaseCollapsible.Root.Props & {
+    /**
+     * Primary Radix scale: label, glyph and panel text. Never defaulted;
+     * omitted, it inherits the scope [D133].
+     */
+    primary?: CollapsibleVariants['primary'];
+    /** Secondary Radix scale, accepted for the shared contract; no part uses it. */
+    secondary?: CollapsibleVariants['secondary'];
+};
+/**
+ * One in-place disclosure (§10.13): a `CollapsibleTrigger` (the disclosure
+ * glyph at the inline tier plus a label) and a `CollapsiblePanel`. Use it for
+ * "Show more" on truncated lists and optional detail; never hide content a
+ * task depends on. Every panel prints expanded and the trigger is hidden.
+ */
+export declare function Collapsible(props: CollapsibleProps): React.JSX.Element;
+/** Props for CollapsibleTrigger: Base UI Collapsible Trigger props plus the open label. */
+export type CollapsibleTriggerProps = BaseCollapsible.Trigger.Props & {
+    /**
+     * The label while the panel is open, e.g. "Show less". Omitted, the
+     * children stay. Author it in sentence case.
+     */
+    openLabel?: React.ReactNode;
+};
+/**
+ * The trigger: the disclosure glyph (16 px, `chrome` tier) then the label,
+ * e.g. "Show 12 more". The whole trigger is the ≥ 44 px target; the glyph
+ * alone never is.
+ */
+export declare function CollapsibleTrigger(props: CollapsibleTriggerProps): React.JSX.Element;
+/** Props for CollapsiblePanel: Base UI Collapsible Panel props. */
+export type CollapsiblePanelProps = BaseCollapsible.Panel.Props;
+/**
+ * The panel. It stays in the DOM while closed (`hiddenUntilFound`, default
+ * `true`), so find-in-page reaches it and print shows it expanded. It opens
+ * with a clip reveal at `--fgd-duration-disclosure`, instant under reduced
+ * motion.
+ */
+export declare function CollapsiblePanel(props: CollapsiblePanelProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/disclosure/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA8BjE,eAAO,MAAM,WAAW;;;8EAMtB,CAAA;AAEF,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAE3D,iDAAiD;AACjD,eAAO,MAAM,eAAe;;8EAU1B,CAAA;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAyB,CAAA;AAE3D,8EAA8E;AAC9E,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;CACpD,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,qBAuBjF;AAED,iFAAiF;AACjF,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACxC,gFAAgF;IAChF,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAA;CAC7C,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAYlD;AAED,2FAA2F;AAC3F,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACpE;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAgBhE;AAED,mEAAmE;AACnE,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAA;AAE/D;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAW5D"}

package/disclosure/collapsible/Collapsible.js

@@ -0,0 +1,112 @@
+'use client';
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { cva } from 'class-variance-authority';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './collapsible.module.css';
+/*
+ * Collapsible (§10.13): one in-place disclosure, "Show 12 more" / "Show less".
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: collapsible.module.css; CVA function `collapsible`.
+ * - Axes: `primary`, `secondary` → scales module classes (`secondary` unused).
+ * - Compound variants: none. Defaults: none; color axes: none.
+ * - Color fallback: inherits the scope.
+ * - States: trigger `data-panel-open` → the disclosure glyph turns inward and
+ *   takes --primary12, and `openLabel` replaces the label; `:hover` (not
+ *   disabled) → the bare-text underline on the label (--role-accent at
+ *   --border-size-2, offset --size-px-1), the glyph unchanged [D109, D181];
+ *   `:focus-visible` → ring;
+ *   `data-disabled` → label and glyph --role-muted. Panel `data-starting-style`
+ *   / `data-ending-style` → the clip reveal at --fgd-duration-disclosure,
+ *   instant under --motionNotOK, never opacity [D91].
+ * - Parts: base, trigger, glyph, label, panel (+ `content`, the padded inner box).
+ * - Scope: none. Container: none; inherits its context.
+ *
+ * The disclosure glyph (DisclosureGlyph) is a custom glyph, the one
+ * indicator for anything that expands in place [D109]; it is a §1.5.12 /
+ * §6.10 exception to Material Symbols and is never `expand_more`.
+ */
+export const collapsible = cva(styles.base, {
+    variants: {
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+/** The disclosure glyph's two tiers (§10.13). */
+export const disclosureGlyph = cva(styles.glyph, {
+    variants: {
+        size: {
+            row: styles.glyphRow,
+            chrome: styles.glyphChrome,
+        },
+    },
+    defaultVariants: {
+        size: 'row',
+    },
+});
+/**
+ * Add to an icon-only control whose only content is the disclosure glyph
+ * (the staircase or section-bar toggle): hover and press then swap the
+ * glyph to the next tier's weight (§10.1 icon states) [D181]. Trigger rows
+ * (Accordion, FAQ, Collapsible) never take it: their glyph does not change
+ * on hover [D109].
+ */
+export const disclosureGlyphHost = styles.glyphHost;
+/**
+ * The expand/collapse glyph [D109]: two thin arrows pointing outward from
+ * a short center hairline when collapsed, inward when expanded (§6.10). It
+ * reads the state from the nearest Base UI trigger's `data-panel-open`, so
+ * place it inside an Accordion or Collapsible trigger. The direction swaps
+ * instantly and never rotates; collapsed it is --role-muted, expanded
+ * --primary12. Decorative: the trigger carries the state (`aria-expanded`).
+ */
+export function DisclosureGlyph({ size, className, ...rest }) {
+    return (React.createElement("svg", { viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false", ...rest, className: disclosureGlyph({ size, className }) },
+        React.createElement("g", { className: styles.glyphOut },
+            React.createElement("path", { d: "M5 10h10", vectorEffect: "non-scaling-stroke" }),
+            React.createElement("path", { d: "M10 7.5v-5M8 5.96l2-3.46 2 3.46", vectorEffect: "non-scaling-stroke" }),
+            React.createElement("path", { d: "M10 12.5v5M8 14.04l2 3.46 2-3.46", vectorEffect: "non-scaling-stroke" })),
+        React.createElement("g", { className: styles.glyphIn },
+            React.createElement("path", { d: "M5 10h10", vectorEffect: "non-scaling-stroke" }),
+            React.createElement("path", { d: "M10 2.5v5M8 4.04l2 3.46 2-3.46", vectorEffect: "non-scaling-stroke" }),
+            React.createElement("path", { d: "M10 17.5v-5M8 15.96l2-3.46 2 3.46", vectorEffect: "non-scaling-stroke" }))));
+}
+/**
+ * One in-place disclosure (§10.13): a `CollapsibleTrigger` (the disclosure
+ * glyph at the inline tier plus a label) and a `CollapsiblePanel`. Use it for
+ * "Show more" on truncated lists and optional detail; never hide content a
+ * task depends on. Every panel prints expanded and the trigger is hidden.
+ */
+export function Collapsible(props) {
+    const { primary, secondary, className, ...rest } = props;
+    const scope = useScopeAttributes();
+    return (React.createElement(BaseCollapsible.Root, { ...rest, ...scope, className: resolveClassName(className, (extra) => collapsible({ primary, secondary, className: extra })) }));
+}
+/**
+ * The trigger: the disclosure glyph (16 px, `chrome` tier) then the label,
+ * e.g. "Show 12 more". The whole trigger is the ≥ 44 px target; the glyph
+ * alone never is.
+ */
+export function CollapsibleTrigger(props) {
+    const { openLabel, className, children, ...rest } = props;
+    return (React.createElement(BaseCollapsible.Trigger, { ...rest, className: resolveClassName(className, (extra) => cx(styles.trigger, extra)) },
+        React.createElement(DisclosureGlyph, { size: "chrome" }),
+        React.createElement("span", { className: openLabel == null ? styles.label : `${styles.label} ${styles.closedLabel}` }, children),
+        openLabel == null ? null : (React.createElement("span", { className: `${styles.label} ${styles.openLabel}` }, openLabel))));
+}
+/**
+ * The panel. It stays in the DOM while closed (`hiddenUntilFound`, default
+ * `true`), so find-in-page reaches it and print shows it expanded. It opens
+ * with a clip reveal at `--fgd-duration-disclosure`, instant under reduced
+ * motion.
+ */
+export function CollapsiblePanel(props) {
+    const { className, children, hiddenUntilFound = true, ...rest } = props;
+    return (React.createElement(BaseCollapsible.Panel, { ...rest, hiddenUntilFound: hiddenUntilFound, className: resolveClassName(className, (extra) => cx(styles.panel, extra)) },
+        React.createElement("div", { className: styles.content }, children)));
+}
+//# sourceMappingURL=Collapsible.js.map

package/disclosure/collapsible/Collapsible.js.map

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