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

package/utils/roles.css

@@ -23,7 +23,16 @@
  * whose rest face is --role-halo (the slider thumb): --primary3 where soft
  * fills apply, --role-halo (no change) where they drop, so the face never
  * turns the ground color [D181]. --secondary-hover is the per-scale lighter
- * neighbour (step 10 in a dark scope) that the scales module publishes.
+ * neighbour (step 10 in a dark scope; step 8 where 10 would drop a white
+ * label below 4.5:1) that the scales module publishes.
+ *
+ * Selection mark, light page grounds (§1.4.7): the secondary's own
+ * contrast ink where it carries text on step 9 (--secondary-light-mark,
+ * which each secondary scales class publishes: --yellow12 8.68 on pollen,
+ * --purple1 5.07 on heather, --indigo1 5.12 for an indigo override), else
+ * --primary12 (P12*: green, blue, orange; red's is glyph-only). So an
+ * overridden secondary never leaves --primary12 on a fill it fails, e.g.
+ * --olive12 on --indigo9 at 3.13:1 (§9.5).
  *
  * Text-bearing selection: --role-select-text / -label / -edge / -hover, for
  * a selected state that carries words (option pill, filter chip with a
@@ -32,6 +41,19 @@
  * only); glyph-only marks (✓, ●, thumbs) keep --role-select there
  * [decided by orchestrator; flagged for user review, §1.8].
  *
+ * Danger [D192]: destructive actions are red. --danger1…12 is the §1.5.4
+ * danger status scale (red), published on every scope so it resolves in
+ * that scope's mode. --role-danger / -label / -edge / -hover are the
+ * destructive solid Button's fill, label, edge and hover fill (the Menu's
+ * destructive highlight takes the fill and label); --role-danger-text is
+ * the danger ink on the ground (outline and text Button labels, Menu and
+ * Toast labels). Light scopes: fill --danger11 with --danger1 (5.11:1;
+ * light 9 and 10 carry no text), hover --danger12 (the lighter 10 drops
+ * the label to 4.28:1, so it takes the darker neighbour, as D181's step-10
+ * rule does). Dark scopes: fill --danger9 with --danger1 (4.75), hover
+ * --danger10 (5.57). Where red text fails (leaf, clay, royal) the label
+ * falls back to --primary12 and the red stays in the edge and glyph.
+ *
  * Charts [D125]: --role-series-odd is the odd series slots' ink,
  * --secondary11 on light base grounds (and a `white` plate) and --primary12
  * elsewhere (§8.7); the --ds-series-fill / --ds-series-pattern switches
@@ -125,6 +147,30 @@
     --role-select-text-hover: var(--role-select-hover);
     /* Charts: one ink off the light base grounds (§8.7) [D125]. */
     --role-series-odd: var(--primary12);
+    /*
+     * Danger [D192]: the danger scale (red, §1.5.4), then the light map
+     * (the light page grounds and light islands): fill --danger11 with
+     * --danger1 (5.11:1), edge = fill (4.54–5.11:1 on the eight grounds),
+     * hover --danger12 (label 12.19), text --danger11 (4.54–5.11; 4.57 on
+     * the outline's --primary3 hover fill).
+     */
+    --danger1: var(--red1);
+    --danger2: var(--red2);
+    --danger3: var(--red3);
+    --danger4: var(--red4);
+    --danger5: var(--red5);
+    --danger6: var(--red6);
+    --danger7: var(--red7);
+    --danger8: var(--red8);
+    --danger9: var(--red9);
+    --danger10: var(--red10);
+    --danger11: var(--red11);
+    --danger12: var(--red12);
+    --role-danger: var(--danger11);
+    --role-danger-label: var(--danger1);
+    --role-danger-edge: var(--danger11);
+    --role-danger-hover: var(--danger12);
+    --role-danger-text: var(--danger11);
     /* Switches (tokens.css): shaped edges only on the night band in light mode [D179]. */
     --ds-edge-shaped: none;
     --ds-link-hover-line: none;
@@ -166,6 +212,12 @@
   /* Dark fixed scopes: a pill fill that reaches 3:1 is its own edge. */
   [data-scheme='dark'] {
     --role-pill-edge: var(--secondary9);
+    /* Danger, dark map [D192]: fill --danger9 with --danger1 (4.75), hover --danger10 (5.57); night: edge 4.50, text 8.36. */
+    --role-danger: var(--danger9);
+    --role-danger-label: var(--danger1);
+    --role-danger-edge: var(--danger9);
+    --role-danger-hover: var(--danger10);
+    --role-danger-text: var(--danger11);
   }
 
   [data-tone='solid-light'],
@@ -385,6 +437,38 @@
     --ds-muted-weight-step: 0; /* no muted tier [D175] */
   }
 
+  /*
+   * Danger on the fields [D192]. The fill stays the mode's red (--danger11
+   * light, --danger9 dark), which sits near the field's own lightness, so
+   * the edge steps out: --danger11 on forest (4.00) and brick (3.76),
+   * --danger12 on royal (4.47), leaf (3.94), amber (7.28), clay (4.19) and
+   * pink (5.35). Danger text is --danger12 where it reaches 4.5:1 (forest
+   * 6.16, brick 5.80, amber, pink); on leaf (3.94), clay (4.19) and royal
+   * (4.47) it is the field's one ink, --primary12, and the red stays in the
+   * edge and the glyph (≥ 3:1).
+   */
+  [data-ground='forest'],
+  [data-ground='royal'],
+  [data-ground='brick'],
+  [data-ground='leaf'],
+  [data-ground='amber'],
+  [data-ground='clay'],
+  [data-ground='pink'] {
+    --role-danger-edge: var(--danger12);
+    --role-danger-text: var(--danger12);
+  }
+
+  [data-ground='forest'],
+  [data-ground='brick'] {
+    --role-danger-edge: var(--danger11);
+  }
+
+  [data-ground='royal'],
+  [data-ground='leaf'],
+  [data-ground='clay'] {
+    --role-danger-text: var(--primary12);
+  }
+
   /*
    * The night band in dark mode [D179]: its seam turns visible as its
    * --primary12 (12.7–16.2:1 against the eight dark page grounds), and its
@@ -488,6 +572,31 @@
     --role-pill-edge: var(--primary12);
   }
 
+  /*
+   * Danger on the page grounds, dark mode [D192]: fill --danger9 with
+   * --danger1 (4.75), edge = fill (3.77–4.80 against the eight dark
+   * grounds), hover --danger10 (5.57), text --danger11 (6.99–8.92).
+   */
+  :root[data-theme='dark'],
+  [data-theme='dark'] [data-ground][data-scheme='page'] {
+    --role-danger: var(--danger9);
+    --role-danger-label: var(--danger1);
+    --role-danger-edge: var(--danger9);
+    --role-danger-hover: var(--danger10);
+    --role-danger-text: var(--danger11);
+  }
+
+  @media only screen and (prefers-color-scheme: dark) {
+    :root:not([data-theme='light']),
+    :root:not([data-theme='light']) [data-ground][data-scheme='page'] {
+      --role-danger: var(--danger9);
+      --role-danger-label: var(--danger1);
+      --role-danger-edge: var(--danger9);
+      --role-danger-hover: var(--danger10);
+      --role-danger-text: var(--danger11);
+    }
+  }
+
   @media only screen and (prefers-color-scheme: dark) {
     :root:not([data-theme='light']),
     :root:not([data-theme='light']) [data-ground='paper'][data-scheme='page'],
@@ -592,7 +701,7 @@
     --role-tint: var(--primary5);
     --role-accent: var(--secondary11);
     --role-select: var(--secondary9);
-    --role-select-mark: var(--primary12);
+    --role-select-mark: var(--secondary-light-mark, var(--primary12));
     --role-select-edge: var(--secondary11);
     --role-action: var(--secondary9);
     --role-action-label: var(--secondary-contrast);
@@ -631,7 +740,7 @@
     --role-tint: var(--primary5);
     --role-accent: var(--secondary11);
     --role-select: var(--secondary9);
-    --role-select-mark: var(--primary12);
+    --role-select-mark: var(--secondary-light-mark, var(--primary12));
     --role-select-edge: var(--secondary11);
     --role-action: var(--secondary9);
     --role-action-label: var(--secondary-contrast);
@@ -645,14 +754,6 @@
     --ds-link-hover-line: none;
   }
 
-  [data-ground='pollen'],
-  :root [data-theme='light'] [data-ground='pollen'][data-scheme='page'],
-  [data-ground='heather'],
-  :root [data-theme='light'] [data-ground='heather'][data-scheme='page'] {
-    /* Selection mark: the scale's own contrast ink (--yellow12 8.68, --purple1 5.07). */
-    --role-select-mark: var(--secondary-contrast);
-  }
-
   [data-ground='rose'],
   :root [data-theme='light'] [data-ground='rose'][data-scheme='page'],
   [data-ground='heather'],
@@ -677,6 +778,15 @@
     --role-select-text-hover: var(--primary11);
   }
 
+  /* Danger under a light preview wrapper: the light map again [D192]. */
+  :root [data-theme='light'] [data-ground][data-scheme='page'] {
+    --role-danger: var(--danger11);
+    --role-danger-label: var(--danger1);
+    --role-danger-edge: var(--danger11);
+    --role-danger-hover: var(--danger12);
+    --role-danger-text: var(--danger11);
+  }
+
   /*
    * The night band under a light preview wrapper keeps its light-mode seam
    * and shaped edge. Like the dark rule, only the page's mode counts, never

package/utils/scales.module.css

@@ -5,6 +5,9 @@
  * No mode logic: the Radix variables resolve to whatever mode is in effect.
  * action<Scale> publishes a scope's action scale: Ground, and the overlay
  * roots that declare their own scope, so a popup never inherits the root's.
+ * --secondary-light-mark: the light-scope mark on step 9, the scale's own
+ * contrast ink where it carries text, else `initial` so the role maps fall
+ * back to --primary12 (§1.4.7).
  */
 @layer scales {
   .primaryAmber {
@@ -549,6 +552,7 @@
     --secondary12: var(--amber12);
     --secondary-contrast: var(--amber-contrast);
     --secondary-hover: var(--amber-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryBlue {
@@ -566,6 +570,7 @@
     --secondary12: var(--blue12);
     --secondary-contrast: var(--blue-contrast);
     --secondary-hover: var(--blue-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryBronze {
@@ -583,6 +588,7 @@
     --secondary12: var(--bronze12);
     --secondary-contrast: var(--bronze-contrast);
     --secondary-hover: var(--bronze-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryBrown {
@@ -600,6 +606,7 @@
     --secondary12: var(--brown12);
     --secondary-contrast: var(--brown-contrast);
     --secondary-hover: var(--brown-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryCrimson {
@@ -617,6 +624,7 @@
     --secondary12: var(--crimson12);
     --secondary-contrast: var(--crimson-contrast);
     --secondary-hover: var(--crimson-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryCyan {
@@ -634,6 +642,7 @@
     --secondary12: var(--cyan12);
     --secondary-contrast: var(--cyan-contrast);
     --secondary-hover: var(--cyan-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryGold {
@@ -651,6 +660,7 @@
     --secondary12: var(--gold12);
     --secondary-contrast: var(--gold-contrast);
     --secondary-hover: var(--gold-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryGrass {
@@ -668,6 +678,7 @@
     --secondary12: var(--grass12);
     --secondary-contrast: var(--grass-contrast);
     --secondary-hover: var(--grass-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryGray {
@@ -685,6 +696,7 @@
     --secondary12: var(--gray12);
     --secondary-contrast: var(--gray-contrast);
     --secondary-hover: var(--gray-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryGreen {
@@ -702,6 +714,7 @@
     --secondary12: var(--green12);
     --secondary-contrast: var(--green-contrast);
     --secondary-hover: var(--green-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryIndigo {
@@ -719,6 +732,7 @@
     --secondary12: var(--indigo12);
     --secondary-contrast: var(--indigo-contrast);
     --secondary-hover: var(--indigo-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryIris {
@@ -736,6 +750,7 @@
     --secondary12: var(--iris12);
     --secondary-contrast: var(--iris-contrast);
     --secondary-hover: var(--iris-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryJade {
@@ -753,6 +768,7 @@
     --secondary12: var(--jade12);
     --secondary-contrast: var(--jade-contrast);
     --secondary-hover: var(--jade-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryLime {
@@ -770,6 +786,7 @@
     --secondary12: var(--lime12);
     --secondary-contrast: var(--lime-contrast);
     --secondary-hover: var(--lime-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryMauve {
@@ -787,6 +804,7 @@
     --secondary12: var(--mauve12);
     --secondary-contrast: var(--mauve-contrast);
     --secondary-hover: var(--mauve-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryMint {
@@ -804,6 +822,7 @@
     --secondary12: var(--mint12);
     --secondary-contrast: var(--mint-contrast);
     --secondary-hover: var(--mint-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryOlive {
@@ -821,6 +840,7 @@
     --secondary12: var(--olive12);
     --secondary-contrast: var(--olive-contrast);
     --secondary-hover: var(--olive-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryOrange {
@@ -838,6 +858,7 @@
     --secondary12: var(--orange12);
     --secondary-contrast: var(--orange-contrast);
     --secondary-hover: var(--orange-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryPink {
@@ -855,6 +876,7 @@
     --secondary12: var(--pink12);
     --secondary-contrast: var(--pink-contrast);
     --secondary-hover: var(--pink-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryPlum {
@@ -872,6 +894,7 @@
     --secondary12: var(--plum12);
     --secondary-contrast: var(--plum-contrast);
     --secondary-hover: var(--plum-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryPurple {
@@ -889,6 +912,7 @@
     --secondary12: var(--purple12);
     --secondary-contrast: var(--purple-contrast);
     --secondary-hover: var(--purple-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryRed {
@@ -906,6 +930,7 @@
     --secondary12: var(--red12);
     --secondary-contrast: var(--red-contrast);
     --secondary-hover: var(--red-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryRuby {
@@ -923,6 +948,7 @@
     --secondary12: var(--ruby12);
     --secondary-contrast: var(--ruby-contrast);
     --secondary-hover: var(--ruby-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondarySage {
@@ -940,6 +966,7 @@
     --secondary12: var(--sage12);
     --secondary-contrast: var(--sage-contrast);
     --secondary-hover: var(--sage-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondarySand {
@@ -957,6 +984,7 @@
     --secondary12: var(--sand12);
     --secondary-contrast: var(--sand-contrast);
     --secondary-hover: var(--sand-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondarySky {
@@ -974,6 +1002,7 @@
     --secondary12: var(--sky12);
     --secondary-contrast: var(--sky-contrast);
     --secondary-hover: var(--sky-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondarySlate {
@@ -991,6 +1020,7 @@
     --secondary12: var(--slate12);
     --secondary-contrast: var(--slate-contrast);
     --secondary-hover: var(--slate-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryTeal {
@@ -1008,6 +1038,7 @@
     --secondary12: var(--teal12);
     --secondary-contrast: var(--teal-contrast);
     --secondary-hover: var(--teal-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryTomato {
@@ -1025,6 +1056,7 @@
     --secondary12: var(--tomato12);
     --secondary-contrast: var(--tomato-contrast);
     --secondary-hover: var(--tomato-hover);
+    --secondary-light-mark: initial;
   }
 
   .secondaryViolet {
@@ -1042,6 +1074,7 @@
     --secondary12: var(--violet12);
     --secondary-contrast: var(--violet-contrast);
     --secondary-hover: var(--violet-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .secondaryYellow {
@@ -1059,6 +1092,7 @@
     --secondary12: var(--yellow12);
     --secondary-contrast: var(--yellow-contrast);
     --secondary-hover: var(--yellow-hover);
+    --secondary-light-mark: var(--secondary-contrast);
   }
 
   .actionAmber {

package/utils/tokens.css

@@ -152,6 +152,8 @@
     --ds-size-control-xl: 56px;
     --ds-size-hit: 44px;
     --ds-size-icon-block: 36px;
+    /* The logo mark in a lockup, a prominent mark sized to the header bar: 40 px, 48 px from --lg-n-above, 32 px below --xs-n-below (§1.5.12). */
+    --ds-size-logo: var(--ds-size-control-md);
     --ds-size-bar-utility: 36px;
     --ds-size-art-s: 152px;
     --ds-size-art-l: 312px;
@@ -227,8 +229,15 @@
     }
   }
 
+  @media (max-width: 359.98px) {
+    :root {
+      --ds-size-logo: var(--size-px-7);
+    }
+  }
+
   @media (min-width: 1024px) {
     :root {
+      --ds-size-logo: var(--size-px-8);
       --ds-space-margin: var(--ds-space-40);
       --ds-space-section: var(--size-px-10);
       --ds-ruled-pitch: 29px;

package/components/Accordion/Accordion.d.ts

@@ -1,68 +0,0 @@
-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 '../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 LTA 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/components/Accordion/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/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,SAAS,CAAA;AA+BvD,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/components/Accordion/Accordion.js

@@ -1,95 +0,0 @@
-'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 '../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 LTA 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/components/Accordion/Accordion.js.map

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

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

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

package/components/Accordion/index.js.map

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

package/components/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,EAA2C,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAmB9F,QAAA,MAAM,KAAK;;;8EAMT,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAEhC,yGAAyG;AACzG,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GACrE,YAAY,CAAC,OAAO,KAAK,CAAC,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,iFAwDtC"}

package/components/Alert/Alert.js.map

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

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

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

package/components/Alert/index.js.map

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