@fairgarden/design 0.1.0-alpha.0

package/components/Toast/Toast.js

@@ -0,0 +1,171 @@
+'use client';
+import * as React from 'react';
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import { Button as BaseButton } from '@base-ui/react/button';
+import { cva } from 'class-variance-authority';
+import { Button } from '../Button';
+import { StatusGlyph, statusLabels, statusScales } from '../../utils/StatusGlyph';
+import { cx } from '../../utils/className';
+import { OverlayScope, overlayActionClassName, overlayAttributes, overlayScales, } from '../../utils/overlay';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import styles from './toast.module.css';
+/*
+ * Toast (§10.17): a brief confirmation or a non-blocking notice, docked as
+ * a full-width bar, never a floating card [D25].
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: toast.module.css; CVA function `toast` (one toast in the bar).
+ * - Axes: `status` → info | success | warning | danger (selects the glyph
+ *   and its scale; it carries no class; omitted for the neutral toast);
+ *   `primary`, `secondary` → scales module classes on the bar's scope
+ *   (ToastProvider).
+ * - Compound variants: none. Defaults: no `status`; color axes: none.
+ * - Color fallback: the glyph takes the status scale [D129]; the bar takes
+ *   the `white` preset's defaults.
+ * - States: Root data-starting-style / data-ending-style → the clip reveal
+ *   from the bottom edge, instant under --motionNotOK [D91]; data-limited →
+ *   hidden beyond the one visible toast (the queue count shows); Base UI's
+ *   data-type is not styled. Action :hover → label --role-link-hover, as
+ *   the §9.2 `text` Button (underlined where that is --primary12) [D181],
+ *   :focus-visible → ring inside the cell, :active → the inverse pair,
+ *   aria-busy → "Undoing…" at rest width. Close is an icon-only Button.
+ * - Parts: viewport (the docked bar's host), base (a toast, the bar), glyph,
+ *   message, title, description, queue, actions, action, close.
+ * - Scope: the viewport renders in its Base UI Portal and declares a nested
+ *   `white` scope (`page` scheme, no data-theme); its rule is the
+ *   --border-size-2 --primary12 overlay frame on the content side only
+ *   [D23, D89, D139, D156].
+ * - Container: none; the bar is page frame and uses the viewport media.
+ *
+ * Timing: auto-dismissing toasts stay at least --ds-duration-toast (6 s)
+ * and pause on hover, on focus and while the tab is hidden; warning,
+ * danger and action toasts persist until acted on or dismissed.
+ */
+export const toast = cva(styles.base);
+/** --ds-duration-toast, restated in ms for Base UI's timers. */
+const TOAST_DURATION = 6000;
+function isStatus(type) {
+    return type === 'info' || type === 'success' || type === 'warning' || type === 'danger';
+}
+/** Base UI's promise toasts report `error`; the system calls it danger. */
+function toStatus(type) {
+    if (type === 'error')
+        return 'danger';
+    return isStatus(type) ? type : undefined;
+}
+/** At least --ds-duration-toast; 0 persists; undefined keeps the provider's. */
+function clampTimeout(timeout) {
+    if (timeout === undefined)
+        return undefined;
+    return timeout <= 0 ? 0 : Math.max(timeout, TOAST_DURATION);
+}
+/** Applies the §10.17 rules: persistence, the minimum time and assertive danger. */
+function toBaseOptions(options, previous) {
+    const { status: statusOption, actions: actionsOption, timeout: timeoutOption, ...rest } = options;
+    const status = 'status' in options ? statusOption : toStatus(previous?.type);
+    const actions = 'actions' in options ? actionsOption : previous?.data?.actions;
+    const persists = status === 'warning' || status === 'danger' || (actions?.length ?? 0) > 0;
+    const timeout = persists
+        ? 0
+        : clampTimeout('timeout' in options ? timeoutOption : previous?.timeout);
+    return {
+        ...rest,
+        type: status,
+        timeout,
+        priority: status === 'danger' ? 'high' : 'low',
+        data: { ...previous?.data, actions },
+    };
+}
+/**
+ * Adds, updates and closes toasts from inside a ToastProvider, with the
+ * §10.17 rules applied: warning, danger and action toasts persist, the
+ * rest stay at least 6 s, and danger is announced assertively.
+ */
+export function useToastManager() {
+    const manager = BaseToast.useToastManager();
+    const { toasts, add, update, close } = manager;
+    return React.useMemo(() => ({
+        toasts,
+        add: ({ id, ...options }) => add({ id, ...toBaseOptions(options) }),
+        update: (id, options) => update(id, (previous) => toBaseOptions(options, previous)),
+        close,
+    }), [toasts, add, update, close]);
+}
+/**
+ * Provides toasts to its children and renders the docked bar: full width
+ * at the bottom viewport edge on --layer-5, a `white` scope with a
+ * --border-size-2 --primary12 top rule, content aligned to
+ * --ds-container-content. One toast shows at a time; a queue count
+ * ("1 of 3") shows while more wait. The page reserves no space for it.
+ */
+export function ToastProvider(props) {
+    const { children, timeout, toastManager, primary, secondary, label, container } = props;
+    return (React.createElement(BaseToast.Provider, { timeout: clampTimeout(timeout) ?? TOAST_DURATION, limit: 1, toastManager: toastManager },
+        children,
+        React.createElement(ToastViewport, { primary: primary, secondary: secondary, label: label, container: container })));
+}
+function ToastViewport(props) {
+    const { primary, secondary, label, container } = props;
+    const { toasts } = BaseToast.useToastManager();
+    const scales = overlayScales(primary, secondary);
+    const hasToasts = toasts.length > 0;
+    // A hidden tab pauses the timers. Base UI pauses on window blur, which
+    // switching tabs fires, but a page loaded or updated in a background tab
+    // never received one; send it while hidden. This effect runs after the
+    // viewport's own, which attach the listeners once a toast exists.
+    React.useEffect(() => {
+        if (!hasToasts)
+            return undefined;
+        const pauseWhileHidden = () => {
+            if (document.visibilityState === 'hidden') {
+                window.dispatchEvent(new FocusEvent('blur'));
+            }
+        };
+        pauseWhileHidden();
+        document.addEventListener('visibilitychange', pauseWhileHidden);
+        return () => document.removeEventListener('visibilitychange', pauseWhileHidden);
+    }, [hasToasts]);
+    const queued = toasts.filter((item) => item.transitionStatus !== 'ending');
+    return (React.createElement(BaseToast.Portal, { container: container },
+        React.createElement(BaseToast.Viewport, { ...overlayAttributes, "aria-label": label, className: cx(styles.viewport, primaryScaleVariants[scales.primary], secondaryScaleVariants[scales.secondary], overlayActionClassName) },
+            React.createElement(OverlayScope, null, toasts.map((item) => (React.createElement(ToastItem, { key: item.id, toast: item, position: queued.indexOf(item) + 1, total: queued.length })))))));
+}
+function ToastItem(props) {
+    const { toast: item, position, total } = props;
+    const status = toStatus(item.type);
+    const actions = item.data?.actions ?? [];
+    return (React.createElement(BaseToast.Root, { toast: item, className: toast() },
+        status ? (React.createElement(StatusGlyph, { ...overlayAttributes, status: status, label: statusLabels[status], className: cx(styles.glyph, secondaryScaleVariants[statusScales[status]]) })) : null,
+        React.createElement("div", { className: styles.message },
+            React.createElement(BaseToast.Title, { className: styles.title }),
+            React.createElement(BaseToast.Description, { className: styles.description })),
+        total > 1 && position > 0 ? (React.createElement("span", { className: styles.queue },
+            position,
+            " of ",
+            total)) : null,
+        actions.length > 0 ? (React.createElement("div", { className: styles.actions }, actions.map((action, index) => (React.createElement(ToastActionCell, { key: index, ...action }))))) : null,
+        React.createElement(BaseToast.Close, { className: styles.close, render: React.createElement(Button, { variant: "outline", iconOnly: true, icon: "close" }, "Close") })));
+}
+/** An action cell: holds its rest width while busy and ignores presses then [D84]. */
+function ToastActionCell(props) {
+    const { onClick, disabled, ...rest } = props;
+    const busy = rest['aria-busy'] === true || rest['aria-busy'] === 'true';
+    const element = React.useRef(null);
+    const restWidth = React.useRef(null);
+    React.useLayoutEffect(() => {
+        if (!busy && element.current) {
+            restWidth.current = element.current.getBoundingClientRect().width;
+        }
+    });
+    React.useLayoutEffect(() => {
+        const node = element.current;
+        if (!busy || !node || restWidth.current === null)
+            return undefined;
+        node.style.setProperty('--toast-action-rest-width', `${restWidth.current}px`);
+        return () => {
+            node.style.removeProperty('--toast-action-rest-width');
+        };
+    }, [busy]);
+    return (React.createElement(BaseButton, { ...rest, ref: element, disabled: disabled, className: styles.action, onClick: busy ? undefined : onClick }));
+}
+//# sourceMappingURL=Toast.js.map

package/components/Toast/Toast.js.map

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

package/components/Toast/index.d.ts

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

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

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

package/components/Toast/index.js

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

package/components/Toast/index.js.map

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

package/components/Toast/toast.module.css

@@ -0,0 +1,270 @@
+/*
+ * Toast (§10.17). CVA function `toast` in Toast.tsx.
+ * Parts: viewport (the docked bar's host: the `white` scope), base (a toast:
+ * the bar itself), glyph, message, title, description, queue, actions,
+ * action, close.
+ *
+ * A full-width bar docked to the bottom viewport edge on --layer-5, never a
+ * floating card [D25]: the `white` scope's --primary1 face and a
+ * --border-size-2 --primary12 rule on its content side only [D23, D89],
+ * content aligned to --ds-container-content. Action cells are full-height
+ * `type-button` text cells divided by --border-size-1 --role-rule. One
+ * toast shows at a time. Motion is instant or a clip reveal from the bottom
+ * edge, never a fade [D91]. 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. */
+.base {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.title {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.description {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.queue {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.action {
+  composes: typeButton from '../../utils/type.module.css';
+}
+
+@layer base {
+  /* The host: docked, full width, no paint of its own (the toast is the bar). */
+  .viewport {
+    position: fixed;
+    inset-inline: 0;
+    inset-block-end: 0;
+    z-index: var(--layer-5);
+    margin: 0;
+    padding: 0;
+    color: var(--primary12);
+  }
+
+  /*
+   * The bar at base: glyph, message, queue count and close in one row; the
+   * action cells drop to a second row of equal cells under a rule.
+   */
+  .base {
+    --toast-clip-from: inset(100% 0 0 0);
+
+    position: relative;
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto auto;
+    grid-template-areas:
+      'glyph message queue close'
+      'actions actions actions actions';
+    align-items: center;
+    column-gap: var(--ds-space-12);
+    box-sizing: border-box;
+    min-block-size: var(--ds-size-control-xl);
+    padding-inline: max(
+      var(--ds-space-margin),
+      calc((100% - var(--ds-container-content)) / 2)
+    );
+    border-block-start: var(--border-size-2) solid var(--primary12);
+    background-color: var(--primary1);
+    color: var(--primary12);
+    clip-path: inset(0);
+  }
+
+  .glyph {
+    grid-area: glyph;
+    display: block;
+    inline-size: var(--size-px-4);
+    block-size: var(--size-px-4);
+    overflow: visible;
+    color: var(--role-status);
+    fill: var(--role-status-fill);
+    stroke: var(--role-status-fill);
+    stroke-width: var(--ds-stroke-1-5);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  .message {
+    grid-area: message;
+    min-inline-size: 0;
+    padding-block: var(--ds-space-12);
+  }
+
+  .title,
+  .description {
+    color: var(--primary12);
+  }
+
+  .queue {
+    grid-area: queue;
+    color: var(--role-muted);
+    white-space: nowrap;
+  }
+
+  .actions {
+    grid-area: actions;
+    display: flex;
+    border-block-start: var(--border-size-1) solid var(--role-rule);
+  }
+
+  /* A full-height text cell; the rules between cells are its inline-start edges. */
+  .action {
+    flex: 1 1 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-block-size: var(--ds-size-hit);
+    margin: 0;
+    padding-block: 0;
+    padding-inline: var(--size-px-5);
+    border: 0;
+    border-inline-start: var(--border-size-1) solid var(--role-rule);
+    background: none;
+    color: var(--primary12);
+    white-space: nowrap;
+    text-decoration-thickness: var(--ds-stroke-1-5);
+    text-underline-offset: 0.15em;
+    appearance: none;
+  }
+
+  .action:first-child {
+    border-inline-start-width: 0;
+  }
+
+  .close {
+    grid-area: close;
+  }
+
+  /* One row from --md-n-above: the cells sit between the message and the close X, full height. */
+  @media (min-width: 768px) {
+    .base {
+      grid-template-columns: auto minmax(0, 1fr) auto auto auto;
+      grid-template-areas: 'glyph message queue actions close';
+    }
+
+    .actions {
+      align-self: stretch;
+      border-block-start-width: 0;
+    }
+
+    .action {
+      flex: none;
+    }
+
+    .action:first-child {
+      border-inline-start-width: var(--border-size-1);
+    }
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .base {
+      transition-property: clip-path;
+      transition-duration: var(--ds-duration-disclosure);
+      transition-timing-function: var(--ease-out-3);
+    }
+
+    /* Hover and press transitions [D181]: --ds-duration-quick, --ease-out-3. */
+    .action {
+      transition-property: color, background-color, text-decoration-color;
+      transition-duration: var(--ds-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .glyph {
+      forced-color-adjust: none;
+      color: CanvasText;
+      fill: Canvas;
+      stroke: Canvas;
+    }
+  }
+}
+
+@layer variants {
+  /* The message's lead: `type-body-ui` at --font-weight-6. */
+  .title {
+    --type-weight: var(--font-weight-6);
+  }
+}
+
+@layer states {
+  /* Enter and exit: a clip reveal from the bottom edge [D91]. */
+  .base[data-starting-style],
+  .base[data-ending-style] {
+    clip-path: var(--toast-clip-from);
+  }
+
+  /* A closing toast lies over its successor, so the bar never grows while it wipes out. */
+  .base[data-ending-style] {
+    position: absolute;
+    inset-inline: 0;
+    inset-block-end: 0;
+  }
+
+  /* One visible at a time; the queue count reports the rest. */
+  .base[data-limited] {
+    display: none;
+  }
+
+  .base:focus-visible,
+  .viewport:focus-visible {
+    outline: var(--ds-focus-width) solid var(--primary12);
+    outline-offset: calc(-2 * var(--ds-focus-width));
+  }
+
+  /*
+   * Action cell hover (not disabled, not busy): the §9.2 `text` Button
+   * hover [D181]. The label takes --role-link-hover, underlined in
+   * --role-accent only where that ink is --primary12 (--ds-link-hover-line);
+   * forced colors add the underline.
+   */
+  .action:not([data-disabled], [aria-busy='true']):hover {
+    color: var(--role-link-hover);
+    text-decoration-line: var(--ds-link-hover-line);
+    text-decoration-color: var(--role-accent);
+  }
+
+  @media (forced-colors: active) {
+    .action:not([data-disabled], [aria-busy='true']):hover {
+      text-decoration-line: underline;
+    }
+  }
+
+  /* Pressed: the inverse pair [D84]. */
+  .action:not([data-disabled], [aria-busy='true']):active {
+    background-color: var(--primary12);
+    color: var(--role-inverse);
+  }
+
+  /* Focus: the ring inside the cell. */
+  .action:focus-visible {
+    outline: var(--ds-focus-width) solid var(--primary12);
+    outline-offset: calc(-2 * var(--ds-focus-width));
+  }
+
+  /* Busy: rest roles kept, width held, "Undoing…" [D84]. */
+  .action[aria-busy='true'] {
+    min-inline-size: var(--toast-action-rest-width, auto);
+    cursor: progress;
+  }
+
+  .action[data-disabled] {
+    color: var(--role-muted);
+  }
+}
+
+@layer print {
+  @media print {
+    /* Hidden: nothing only a toast says may be needed on paper. */
+    .viewport {
+      display: none;
+    }
+  }
+}

package/components/Toggle/Toggle.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../Icon';
+export declare const toggle: (props?: ({
+    variant?: "outline" | "segment" | "chip" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    iconOnly?: 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 ToggleVariants = VariantProps<typeof toggle>;
+/** A Toggle's look (§9.4). */
+export type ToggleVariant = NonNullable<ToggleVariants['variant']>;
+/** What a ToggleGroup tells the toggles inside it. */
+export interface ToggleItemContextValue {
+    /** The item look the group's variant implies. */
+    variant: ToggleVariant;
+    /** Whether the group allows several pressed items: ✓ rather than ●. */
+    multiple: boolean;
+}
+/** Provided by ToggleGroup; a standalone Toggle reads `undefined`. */
+export declare const ToggleItemContext: React.Context<ToggleItemContextValue | undefined>;
+type ToggleCommonProps = Omit<BaseToggle.Props<string>, 'children'> & {
+    /**
+     * `outline` (default): a pill like the outline Button, selected by the
+     * inverse pair. `segment`: a joined cell of a segmented group. `chip`: a
+     * filter chip, selected by --role-select. Inside a ToggleGroup the group
+     * sets it.
+     */
+    variant?: ToggleVariants['variant'];
+    /** Primary Radix scale: edges, label, the inverse pair and the ring. Never defaulted [D133]. */
+    primary?: ToggleVariants['primary'];
+    /** Secondary Radix scale: drives only the selected chip (--role-select). Never defaulted. */
+    secondary?: ToggleVariants['secondary'];
+};
+type LabelledToggleProps = {
+    /** `true` shows only the icon; see the icon toggle. Default `false`. */
+    iconOnly?: false | null;
+    /**
+     * Height: `sm` 32 px (chips, toolbars; hit area extended to 44) or `md`
+     * 40 px (segments, standalone; default, chips default to `sm`).
+     */
+    size?: ToggleVariants['size'];
+    /** One optional leading glyph (§6.10), inline tier, FILL 0. */
+    icon?: IconName;
+    /** Not used on a labelled toggle: it shows ✓ or ● when pressed. */
+    pressedIcon?: never;
+    /** The label, authored in title case ("Grid View") [D160]. */
+    children?: React.ReactNode;
+};
+type IconOnlyToggleProps = {
+    /** The icon toggle: a circle whose icon swaps when pressed (▷ ↔ ‖). */
+    iconOnly: true;
+    /** `sm` or `md` (default). */
+    size?: ToggleVariants['size'];
+    /** The glyph while not pressed (§6.10). */
+    icon: IconName;
+    /** The glyph while pressed: a different icon, never only its FILL 1 twin [D166]. */
+    pressedIcon: IconName;
+    /** The accessible name, visually hidden. Pair the toggle with a Tooltip. */
+    children: React.ReactNode;
+};
+/**
+ * Props for Toggle: Base UI Toggle props plus the variant, size and color
+ * axes. With `iconOnly`, `icon`, `pressedIcon` and an accessible-name
+ * `children` are required.
+ */
+export type ToggleProps = ToggleCommonProps & (LabelledToggleProps | IconOnlyToggleProps);
+/**
+ * A Base UI Toggle: an on/off button for immediate, reversible changes to
+ * how content is shown (view, units, formatting, filters). Selection is a
+ * heavier inside edge, a glyph and a weight change; fill is extra [D15].
+ * Values a form submits use Radio or Checkbox Group; panels use Tabs.
+ */
+export declare function Toggle(props: ToggleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Toggle.d.ts.map

package/components/Toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAwCvD,eAAO,MAAM,MAAM;;;;;;8EAuBjB,CAAA;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA;AAEjD,8BAA8B;AAC9B,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;AAElE,sDAAsD;AACtD,MAAM,WAAW,sBAAsB;IACrC,iDAAiD;IACjD,OAAO,EAAE,aAAa,CAAA;IACtB,uEAAuE;IACvE,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,mDAE7B,CAAA;AAGD,KAAK,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACpE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,gGAAgG;IAChG,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,6FAA6F;IAC7F,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,mEAAmE;IACnE,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,uEAAuE;IACvE,QAAQ,EAAE,IAAI,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,2CAA2C;IAC3C,IAAI,EAAE,QAAQ,CAAA;IACd,oFAAoF;IACpF,WAAW,EAAE,QAAQ,CAAA;IACrB,4EAA4E;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,CAAA;AAUzF;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBA4CxC"}

package/components/Toggle/Toggle.js

@@ -0,0 +1,101 @@
+'use client';
+import * as React from 'react';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { cva } from 'class-variance-authority';
+import { Icon, iconHost } from '../Icon';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './toggle.module.css';
+/*
+ * Toggle (§9.4). §9.4 owns the filter chip and the segment.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: toggle.module.css; CVA function `toggle`.
+ * - Axes: `variant` → outline | segment | chip (the text toggle pill; a
+ *   joined cell with no edge of its own; a pill that selects by
+ *   --role-select over a quiet rest edge); `size` → sm | md; `iconOnly` →
+ *   `iconOnly` (the icon toggle's circle); `primary`, `secondary` → scales
+ *   module classes.
+ * - Compound variants: none.
+ * - Defaults: variant outline, size md (sm for chips, whose height is
+ *   --size-px-7), iconOnly false; color axes none [D133]. Inside a
+ *   ToggleGroup the group passes `segment` or `chip` through context.
+ * - Color fallback: inherits the scope.
+ * - States: data-pressed → selected: --ds-stroke-3 inside edge, ✓ / ● or
+ *   the icon swap, --font-weight-7, and the inverse pair (outline, segment)
+ *   or --role-select (chip); :active → the momentary inverse pair; :hover
+ *   (not disabled) [D181] → off outline and segment: a --role-soft-hover
+ *   fill (--primary3; the bare-text label underline where soft fills
+ *   drop); off chip: edge --role-rule → --primary12 at the same weight
+ *   [D140] plus the soft fill; icon toggle: the glyph at the next tier's
+ *   weight; on: fill --primary11 (chip: --role-select-hover), label, mark
+ *   and edge unchanged; :focus-visible → the ring above neighbours;
+ *   data-disabled → dotted edge, fill removed, --role-muted label.
+ * - Parts: base, label, icon, glyph (✓, ● or the swapped icon), and edge /
+ *   edgeLine (the disabled dotted edge).
+ * - Scope: none.
+ * - Container: none; inherits its context.
+ */
+export const toggle = cva(styles.base, {
+    variants: {
+        variant: {
+            outline: styles.outline,
+            segment: styles.segment,
+            chip: styles.chip,
+        },
+        size: {
+            sm: styles.sm,
+            md: styles.md,
+        },
+        iconOnly: {
+            true: styles.iconOnly,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        variant: 'outline',
+        size: 'md',
+        iconOnly: false,
+    },
+});
+/** Provided by ToggleGroup; a standalone Toggle reads `undefined`. */
+export const ToggleItemContext = React.createContext(undefined);
+ToggleItemContext.displayName = 'ToggleItemContext';
+function DisabledEdge() {
+    return (React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
+        React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" })));
+}
+/**
+ * A Base UI Toggle: an on/off button for immediate, reversible changes to
+ * how content is shown (view, units, formatting, filters). Selection is a
+ * heavier inside edge, a glyph and a weight change; fill is extra [D15].
+ * Values a form submits use Radio or Checkbox Group; panels use Tabs.
+ */
+export function Toggle(props) {
+    const { variant, size, iconOnly, primary, secondary, icon, pressedIcon, className, children, ...rest } = props;
+    const scope = useScopeAttributes();
+    const item = React.useContext(ToggleItemContext);
+    const resolvedVariant = variant ?? item?.variant ?? 'outline';
+    const resolvedSize = size ?? (resolvedVariant === 'chip' ? 'sm' : 'md');
+    const variants = {
+        variant: resolvedVariant,
+        size: resolvedSize,
+        iconOnly,
+        primary,
+        secondary,
+    };
+    // An icon toggle hosts its glyph's hover and press weight (§10.1 icon states) [D181].
+    const host = iconOnly ? iconHost : undefined;
+    const resolvedClassName = resolveClassName(className, (extra) => toggle({ ...variants, className: cx(host, extra) }));
+    const glyph = iconOnly && pressedIcon ? pressedIcon : item && !item.multiple ? 'circle' : 'check';
+    const weight = iconOnly ? 'interactive' : 'rest';
+    return (React.createElement(BaseToggle, { ...rest, ...scope, className: resolvedClassName },
+        React.createElement(Icon, { name: glyph, weight: weight, className: styles.glyph }),
+        icon ? React.createElement(Icon, { name: icon, weight: weight, className: styles.icon }) : null,
+        children == null ? null : React.createElement("span", { className: styles.label }, children),
+        resolvedVariant === 'segment' ? null : React.createElement(DisabledEdge, null)));
+}
+//# sourceMappingURL=Toggle.js.map

package/components/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAiB,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACrC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,EAAE,EAAE,MAAM,CAAC,EAAE;SACd;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,CAAC,QAAQ;SACtB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAA;AAeF,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAClD,SAAS,CACV,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAoDnD,SAAS,YAAY;IACnB,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAc,MAAM,EAAC,SAAS,EAAC,OAAO;QAC/D,8BAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC3D,CACP,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,MAAM,eAAe,GAAkB,OAAO,IAAI,IAAI,EAAE,OAAO,IAAI,SAAS,CAAA;IAC5E,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAEvE,MAAM,QAAQ,GAAG;QACf,OAAO,EAAE,eAAe;QACxB,IAAI,EAAE,YAAY;QAClB,QAAQ;QACR,OAAO;QACP,SAAS;KACV,CAAA;IACD,sFAAsF;IACtF,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC5C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAC9D,MAAM,CAAC,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CACpD,CAAA;IAED,MAAM,KAAK,GACT,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;IACrF,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAA;IAEhD,OAAO,CACL,oBAAC,UAAU,OAAK,IAAI,KAAM,KAAK,EAAE,SAAS,EAAE,iBAAiB;QAC3D,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI;QAC7D,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI;QAC1E,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,QAAQ,CAAQ;QAC1E,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG,CAC7C,CACd,CAAA;AACH,CAAC"}

package/components/Toggle/index.d.ts

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