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

package/feedback/toast/toast.module.css

@@ -0,0 +1,286 @@
+/*
+ * 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);
+  }
+
+  /*
+   * A destructive action cell ("Discard Notes"): the label in
+   * --role-danger-text (--red11 on the white face: 5.11:1 light, 8.92:1
+   * dark) [D192].
+   */
+  .actionDestructive {
+    color: var(--role-danger-text);
+  }
+}
+
+@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);
+  }
+
+  /* Destructive hover: the label keeps the danger ink and takes the underline in it [D192]. */
+  .actionDestructive:not([data-disabled], [aria-busy='true']):hover {
+    color: var(--role-danger-text);
+    text-decoration-line: underline;
+    text-decoration-color: currentColor;
+  }
+
+  @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/forms/autocomplete/Autocomplete.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../../foundations/icon';
+export declare const autocomplete: (props?: ({
+    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 AutocompleteVariants = VariantProps<typeof autocomplete>;
+/** One suggestion: the text it puts in the input, and optional display words. */
+export type AutocompleteOption = {
+    /** The text the suggestion fills in. */
+    value: string;
+    /** The words shown in the list. Default: `value`. */
+    label?: string;
+    disabled?: boolean;
+};
+/** A titled group of suggestions. */
+export type AutocompleteOptionGroup = {
+    /** The group label, in `type-label` caps. */
+    label: string;
+    items: readonly AutocompleteOption[];
+};
+type AutocompleteItems = readonly AutocompleteOption[] | readonly AutocompleteOptionGroup[];
+type RootProps = Omit<BaseAutocomplete.Root.Props<AutocompleteOption>, 'items' | 'children' | 'itemToStringValue'>;
+/** Props for Autocomplete: Base UI Autocomplete.Root props plus the suggestions, rows and color axes. */
+export type AutocompleteProps = RootProps & {
+    /** The suggestions, or titled groups. Pass `filter={null}` when the server filters them. */
+    items?: AutocompleteItems;
+    /** The input's placeholder, ending in "…"; never the label. */
+    placeholder?: string;
+    /** A leading icon in the box, such as `search` (inline tier). */
+    icon?: IconName;
+    /** Shows the chevron that opens the full list. Default `false`. */
+    showTrigger?: boolean;
+    /** 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. */
+    error?: React.ReactNode;
+    /** The clear ×'s accessible name. Default "Clear". */
+    clearLabel?: string;
+    /** The chevron's accessible name. Default "Show suggestions". */
+    triggerLabel?: 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 and focus ring. Never defaulted [D133]. */
+    primary?: AutocompleteVariants['primary'];
+    /** Secondary Radix scale. Unused at rest; the danger scale while invalid. */
+    secondary?: AutocompleteVariants['secondary'];
+};
+/**
+ * A Base UI Autocomplete inside a `Field`. The input keeps any text: a
+ * suggestion only fills it, and Enter submits the typed text. No row is
+ * highlighted until the arrow keys move.
+ */
+export declare function Autocomplete(props: AutocompleteProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Autocomplete.d.ts.map

package/forms/autocomplete/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/forms/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAgCtE,eAAO,MAAM,YAAY;;;;8EAYvB,CAAA;AAEF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAE7D,iFAAiF;AACjF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG;IACpC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAA;CACrC,CAAA;AAED,KAAK,iBAAiB,GAAG,SAAS,kBAAkB,EAAE,GAAG,SAAS,uBAAuB,EAAE,CAAA;AAM3F,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAC/C,OAAO,GAAG,UAAU,GAAG,mBAAmB,CAC3C,CAAA;AAED,yGAAyG;AACzG,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG;IAC1C,4FAA4F;IAC5F,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mFAAmF;IACnF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC9C,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sFAAsF;IACtF,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;IACzC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAA;CAC9C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAwJpD"}

package/forms/autocomplete/Autocomplete.js

@@ -0,0 +1,116 @@
+'use client';
+import * as React from 'react';
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { cva } from 'class-variance-authority';
+import { dangerScale, useFieldInvalid } from '../field';
+import { Ground } from '../../foundations/ground';
+import { Icon, iconHost } from '../../foundations/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 './autocomplete.module.css';
+/*
+ * Autocomplete (§10.6): free text with suggestions (addresses); any value
+ * is valid. Site and collection search compose it in Search (§9.10).
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: autocomplete.module.css; CVA function `autocomplete`.
+ * - Axes: `plate` → plate; `primary`, `secondary` → scales module classes.
+ * - Compound variants: none. Defaults: plate false; color axes none.
+ * - Color fallback: the box inherits the scope; 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-disabled` → --role-muted. No ✓: nothing stays selected. Popup
+ *   `data-starting-style` / `data-ending-style` → the clip reveal [D91].
+ * - Parts: base (the box), input, icon, clear, trigger, popup, list, item,
+ *   group, groupLabel, empty, status; 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 autocomplete = cva(styles.base, {
+    variants: {
+        plate: {
+            true: styles.plate,
+        },
+        // Color axes: never defaulted [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        plate: false,
+    },
+});
+function isGroups(items) {
+    return items.length > 0 && 'items' in items[0];
+}
+/**
+ * A Base UI Autocomplete inside a `Field`. The input keeps any text: a
+ * suggestion only fills it, and Enter submits the typed text. No row is
+ * highlighted until the arrow keys move.
+ */
+export function Autocomplete(props) {
+    const { items, value, defaultValue, onValueChange, placeholder, icon, showTrigger = false, emptyText = (query) => `No matches for '${query}'`, loading = false, loadingText = 'Searching…', error, clearLabel = 'Clear', triggerLabel = 'Show suggestions', 'aria-label': ariaLabel, className, plate, primary, secondary, ...rootProps } = props;
+    const scope = useScopeAttributes();
+    const invalid = useFieldInvalid();
+    const resolvedSecondary = invalid ? dangerScale : secondary;
+    // The typed text, for match marking.
+    const [innerQuery, setInnerQuery] = React.useState(String(defaultValue ?? ''));
+    const query = value !== undefined ? String(value) : innerQuery;
+    const handleValueChange = (next, details) => {
+        setInnerQuery(next);
+        onValueChange?.(next, details);
+    };
+    const boxClassName = autocomplete({
+        plate,
+        primary: plate ? undefined : primary,
+        secondary: plate ? undefined : resolvedSecondary,
+        className,
+    });
+    const boxChildren = (React.createElement(React.Fragment, null,
+        React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
+            React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" })),
+        icon ? React.createElement(Icon, { name: icon, className: styles.icon }) : null,
+        React.createElement(BaseAutocomplete.Input, { className: styles.input, placeholder: placeholder, "aria-label": ariaLabel }),
+        React.createElement(BaseAutocomplete.Clear, { className: `${styles.clear} ${iconHost}`, "aria-label": clearLabel },
+            React.createElement(Icon, { name: "close", weight: "interactive" })),
+        showTrigger ? (React.createElement(BaseAutocomplete.Trigger, { className: `${styles.trigger} ${iconHost}`, "aria-label": triggerLabel },
+            React.createElement(Icon, { name: "expand_more", weight: "interactive", className: styles.chevron }))) : null));
+    const renderOption = (option) => (React.createElement(BaseAutocomplete.Item, { key: option.value, value: option, disabled: option.disabled, className: styles.item },
+        React.createElement("span", { className: styles.itemText }, highlightMatch(option.label ?? option.value, query, styles.match))));
+    return (React.createElement(BaseAutocomplete.Root, { ...rootProps, 
+        // Groups are accepted at runtime; the flat overload types the value.
+        items: items, value: value, defaultValue: defaultValue, onValueChange: handleValueChange, itemToStringValue: (option) => option.value },
+        plate ? (React.createElement(BaseAutocomplete.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(BaseAutocomplete.InputGroup, { ...scope, className: boxClassName }, boxChildren)),
+        React.createElement(BaseAutocomplete.Portal, null,
+            React.createElement(BaseAutocomplete.Positioner, { className: styles.positioner, sideOffset: 8, align: "start", collisionPadding: 16 },
+                React.createElement(BaseAutocomplete.Popup, { ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
+                    React.createElement(OverlayScope, null,
+                        React.createElement(AutocompleteStatusRow, { loading: loading, loadingText: loadingText, error: error }),
+                        React.createElement(BaseAutocomplete.Empty, { className: styles.empty }, loading || error ? null : emptyText(query)),
+                        React.createElement(BaseAutocomplete.List, { className: styles.list }, items && isGroups(items)
+                            ? items.map((group, index) => (React.createElement(React.Fragment, { key: group.label },
+                                index > 0 ? (React.createElement(BaseAutocomplete.Separator, { className: styles.separator })) : null,
+                                React.createElement(BaseAutocomplete.Group, { items: group.items, className: styles.group },
+                                    React.createElement(BaseAutocomplete.GroupLabel, { className: styles.groupLabel }, group.label),
+                                    React.createElement(BaseAutocomplete.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.
+ */
+function AutocompleteStatusRow({ loading, loadingText, error, }) {
+    const scope = useScopeAttributes();
+    return (React.createElement(BaseAutocomplete.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=Autocomplete.js.map

package/forms/autocomplete/Autocomplete.js.map

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

package/forms/autocomplete/index.d.ts.map

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

package/forms/autocomplete/index.js.map

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

package/forms/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAyCjE,eAAO,MAAM,QAAQ;;;;8EAcnB,CAAA;AAEF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;AAEhE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,yCAE/B,CAAA;AAGD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,YAAY,CAAC,IAAI,CAAC,KAAK,EACvB,WAAW,GAAG,UAAU,CACzB,GAAG;IACF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACzC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AAUD;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBA0D5C"}

package/forms/checkbox/Checkbox.js.map

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

package/forms/checkbox/index.d.ts.map

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

package/forms/checkbox/index.js.map

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

package/forms/checkbox-group/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/forms/checkbox-group/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAkCjE,eAAO,MAAM,aAAa;;;;8EAcxB,CAAA;AAEF,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE/D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,KAAK,GAAG;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACpC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;CAC/C,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAiBtD"}

package/forms/checkbox-group/CheckboxGroup.js

@@ -0,0 +1,63 @@
+'use client';
+import * as React from 'react';
+import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';
+import { cva } from 'class-variance-authority';
+import { CheckboxKindContext } from '../checkbox';
+import { resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './checkbox-group.module.css';
+/*
+ * Checkbox Group (§10.7): group layout only.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: checkbox-group.module.css; CVA function `checkboxGroup`.
+ * - Axes: `kind` → standard | card | ledger (the layout for that build; it
+ *   is also passed to the checkboxes inside as their default kind);
+ *   `primary`, `secondary` → scales module classes, inherited by the
+ *   checkboxes.
+ * - Compound variants: none.
+ * - Defaults: kind standard; color axes none [D133].
+ * - Color fallback: inherits the scope.
+ * - States: data-disabled (Base UI) → carried by each checkbox's own
+ *   data-disabled; the group draws nothing.
+ * - Parts: base.
+ * - Scope: none.
+ * - Container: `base` is the inline-size container `checkbox-group`.
+ *   Baseline one column (option cards full width); from 480 px short
+ *   labels in 2 columns; from 768 px option cards 2-up when there are more
+ *   than 4; below 360 px the card value drops under its title (§5.10.2)
+ *   [D163].
+ */
+export const checkboxGroup = cva(styles.base, {
+    variants: {
+        kind: {
+            standard: styles.standard,
+            card: styles.card,
+            ledger: styles.ledger,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'standard',
+    },
+});
+/**
+ * Shared state for a set of Checkboxes (Base UI Checkbox Group). A "select
+ * all" parent is a Checkbox with `parent`, and the group needs `allValues`
+ * and a controlled `value`. Put the group inside a Fieldset whose legend
+ * names the question; the group error message sits under the legend and
+ * never turns a box red (§10.7). The root is an inline-size container, so
+ * give it a width in shrink-to-fit layouts.
+ */
+export function CheckboxGroup(props) {
+    const { kind, primary, secondary, className, children, ...rest } = props;
+    const scope = useScopeAttributes();
+    const variants = { kind, primary, secondary };
+    const resolvedClassName = resolveClassName(className, (extra) => checkboxGroup({ ...variants, className: extra }));
+    return (React.createElement(CheckboxKindContext.Provider, { value: kind ?? undefined },
+        React.createElement(BaseCheckboxGroup, { ...rest, ...scope, className: resolvedClassName }, children)));
+}
+//# sourceMappingURL=CheckboxGroup.js.map

package/forms/checkbox-group/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/forms/checkbox-group/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;KACjB;CACF,CAAC,CAAA;AAwBF;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAExE,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAA;IAElC,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;IAC7C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAC9D,aAAa,CAAC,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACjD,CAAA;IAED,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IAAI,SAAS;QACpD,oBAAC,iBAAiB,OAAK,IAAI,KAAM,KAAK,EAAE,SAAS,EAAE,iBAAiB,IACjE,QAAQ,CACS,CACS,CAChC,CAAA;AACH,CAAC"}

package/forms/checkbox-group/index.d.ts.map

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

package/forms/checkbox-group/index.js.map

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