@fairgarden/design 0.1.0-0.canary.0

package/actions/link/link.module.css

@@ -0,0 +1,330 @@
+/*
+ * Link (§9.3). CVA function `link` in Link.tsx.
+ * Parts: base (the anchor: text and underline), text (standalone label),
+ * glyph (› chevron, ↗ external arrow-open), visitedMark (`index` only),
+ * visuallyHidden ("(external site)"), printUrl (short URL, print only).
+ * Colors follow the §9.3 Color roles table through role variables 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. */
+.printUrl {
+  composes: typeUrl from '../../utils/type.module.css';
+}
+
+@layer base {
+  .base,
+  .text {
+    text-decoration-thickness: var(--border-size-1-5);
+    text-underline-offset: 0.15em;
+    /* Unbroken through descenders, so it prints as a clean rule (§9.3 Tokens). */
+    text-decoration-skip-ink: none;
+  }
+
+  .base {
+    color: var(--primary12);
+    text-decoration-line: none;
+    border-radius: var(--radius-1);
+    /* The focus ring wraps each line fragment with its own radius (§9.3). */
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+
+  .glyph {
+    display: inline-block;
+    flex: none;
+    inline-size: var(--size-px-3);
+    block-size: var(--size-px-3);
+    vertical-align: -0.125em;
+  }
+
+  /* Material Symbols Rounded chevron_right, inline tier (§6.10) [D166]. */
+  .chevron {
+    color: var(--role-glyph);
+    fill: currentColor;
+  }
+
+  /* Custom arrow-open external mark (§1.5.12, §6.10 exception) in the text ink. */
+  .arrow {
+    color: var(--primary12);
+    fill: none;
+    stroke: currentColor;
+    stroke-width: var(--border-size-1-25);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  /* Material Symbols Rounded check, inline tier; always present, space reserved. */
+  .visitedMark {
+    margin-inline-start: 0.25em;
+  }
+
+  .visuallyHidden {
+    position: absolute;
+    inline-size: var(--border-size-1);
+    block-size: var(--border-size-1);
+    margin: calc(var(--border-size-1) * -1);
+    padding: 0;
+    border: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  .printUrl {
+    display: none;
+  }
+
+  /* Hover transitions [D181]: --fgd-duration-quick, --ease-out-3; instant under --motionNotOK. */
+  @media (prefers-reduced-motion: no-preference) {
+    .base,
+    .text {
+      transition:
+        color var(--fgd-duration-quick) var(--ease-out-3),
+        text-decoration-color var(--fgd-duration-quick) var(--ease-out-3),
+        text-decoration-thickness var(--fgd-duration-quick) var(--ease-out-3);
+    }
+  }
+
+  /* Forced colors: the visited mark is removed (§9.3). */
+  @media (forced-colors: active) {
+    .visitedMark {
+      display: none;
+    }
+  }
+}
+
+.standalone {
+  composes: typeLabel from '../../utils/type.module.css';
+}
+
+@layer variants {
+  /* Inline: surrounding type; --role-accent underline at --border-size-1-5. */
+  .inline {
+    text-decoration-line: underline;
+    text-decoration-color: var(--role-accent);
+  }
+
+  /* Standalone: type-label caps module link, underline under the label only,
+     › after a --size-px-2-5 gap; 44 px tall [D160, D165]. */
+  .standalone {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--size-px-2-5);
+    min-block-size: var(--fgd-size-hit);
+    vertical-align: middle;
+  }
+
+  .standalone .text {
+    text-decoration-line: underline;
+    text-decoration-color: var(--role-accent);
+  }
+
+  /* External: the arrow-open mark joins the last word at a word-space gap. */
+  .external .arrow {
+    margin-inline-start: 0.25em;
+  }
+
+  /* Navigation: component type, no rest underline [D80]; 44 px tall. */
+  .nav {
+    display: inline-flex;
+    align-items: center;
+    min-block-size: var(--fgd-size-hit);
+  }
+
+  /* Title: no rest underline; the hit area stretches over the item [D157].
+     The item (§12.1) is the positioned ancestor. */
+  .title {
+    text-underline-offset: 0.1em;
+  }
+
+  .title::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+  }
+
+  /* Note reference and back-reference: surrounding ink, never underlined,
+     with a --size-px-5 target [D62, D174]. */
+  .noteref,
+  .backref {
+    position: relative;
+    color: inherit;
+  }
+
+  .noteref::before,
+  .backref::before {
+    content: '';
+    position: absolute;
+    /* Physical offsets: centering is direction-agnostic with the translate. */
+    top: 50%;
+    left: 50%;
+    inline-size: max(100%, var(--size-px-5));
+    block-size: max(100%, var(--size-px-5));
+    translate: -50% -50%;
+  }
+
+  /* Muted: the ancestor ink at rest, as a breadcrumb's ancestors (§9.8) [D80]. */
+  .muted {
+    color: var(--role-muted);
+  }
+
+  /* Visited mark at rest: the ground color, so the reserved ✓ is invisible. */
+  .index .visitedMark {
+    color: var(--role-ground);
+    fill: var(--role-ground);
+  }
+}
+
+@layer states {
+  .base:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+
+  /*
+   * Hover [D181]: an ink change, never a transform.
+   * - Body link (inline): the rest underline stays; the text takes
+   *   --role-link-hover and the underline thickens to --border-size-2.
+   * - Chevron link (standalone): the label takes --role-link-hover; the ›
+   *   swaps to the next tier's weight (Icon weight="interactive").
+   * - Bare navigation text (nav): a --border-size-2 --role-accent underline
+   *   at a --size-px-1 offset (bar and utility items, page numbers, toolbar
+   *   links).
+   * - Card title link (title): --role-link-hover only, plus the underline
+   *   where --role-link-hover is --primary12 (--fgd-link-hover-line).
+   * - List link (nav list, below; nav-panel, footer, drawer and breadcrumb
+   *   lists) and the muted ancestor (muted): the same color-only hover.
+   * Press keeps the [D84] line change: the underline thickens and turns
+   * --primary12.
+   */
+  .inline:hover {
+    color: var(--role-link-hover);
+    text-decoration-thickness: var(--border-size-2);
+  }
+
+  .inline:active {
+    text-decoration-color: var(--primary12);
+    text-decoration-thickness: var(--border-size-2);
+  }
+
+  .standalone:hover .text {
+    color: var(--role-link-hover);
+  }
+
+  .standalone:active .text {
+    text-decoration-color: var(--primary12);
+    text-decoration-thickness: var(--border-size-2);
+  }
+
+  .nav:not([aria-current='page'], [data-active]):hover {
+    text-decoration-line: underline;
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-2);
+    text-underline-offset: var(--size-px-1);
+  }
+
+  .nav:active {
+    text-decoration-line: underline;
+    text-decoration-color: var(--primary12);
+    text-decoration-thickness: var(--border-size-2);
+  }
+
+  /* Current: the --border-size-2-25 bar plus --font-weight-7 (nav only). */
+  .nav[aria-current='page'],
+  .nav[data-active] {
+    text-decoration-line: underline;
+    text-decoration-color: var(--primary12);
+    text-decoration-thickness: var(--border-size-2-25);
+    font-weight: var(--font-weight-7);
+  }
+
+  .title:hover {
+    color: var(--role-link-hover);
+    text-decoration-line: var(--fgd-link-hover-line);
+    text-decoration-color: var(--role-accent);
+  }
+
+  /*
+   * List link (nav-panel, footer, drawer and breadcrumb lists) and the muted
+   * ancestor ink (breadcrumb ancestors): --role-link-hover only, plus a
+   * --border-size-1-5 --role-accent underline where that ink is --primary12
+   * (--fgd-link-hover-line). On `nav` it replaces the bar item's bare-text
+   * underline (§9.3, §9.8) [D181].
+   */
+  .list:hover,
+  .muted:hover {
+    color: var(--role-link-hover);
+  }
+
+  .nav.list:not([aria-current='page'], [data-active]):hover,
+  .nav.muted:not([aria-current='page'], [data-active]):hover {
+    text-decoration-line: var(--fgd-link-hover-line);
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-1-5);
+    text-underline-offset: 0.15em;
+  }
+
+  .title:focus-visible {
+    text-decoration-line: underline;
+    text-decoration-color: var(--role-accent);
+  }
+
+  .title:active {
+    text-decoration-line: underline;
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-2);
+  }
+
+  .noteref:hover,
+  .noteref:active,
+  .backref:hover,
+  .backref:active {
+    font-weight: var(--font-weight-7);
+  }
+
+  /*
+   * Forced colors flatten inks, so every color-only hover adds an underline
+   * [D181]; the list selectors match the rule above, so they win it.
+   */
+  @media (forced-colors: active) {
+    .inline:hover,
+    .standalone:hover .text,
+    .title:hover,
+    .list:hover,
+    .muted:hover,
+    .nav.list:not([aria-current='page'], [data-active]):hover,
+    .nav.muted:not([aria-current='page'], [data-active]):hover {
+      text-decoration-line: underline;
+    }
+  }
+
+  /* :visited may change color properties only, so the mark swaps ink (R6, D175). */
+  .index:visited .visitedMark {
+    color: var(--primary12);
+    fill: var(--primary12);
+  }
+}
+
+@layer print {
+  @media print {
+    /* Visited marks and back-references never print (§7.6, D174). */
+    .visitedMark,
+    .backref {
+      display: none;
+    }
+
+    .standalone,
+    .nav {
+      min-block-size: auto;
+    }
+
+    /* Short URLs print inline in parentheses (§7.6.1); inline-block keeps the
+       underline off the URL. */
+    .printUrl {
+      display: inline-block;
+      margin-inline-start: 0.25em;
+    }
+  }
+}

package/actions/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 '../../foundations/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/actions/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/actions/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,wBAAwB,CAAA;AAwCtE,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/actions/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 '../../foundations/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: --border-size-2-25 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/actions/toggle/Toggle.js.map

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

package/actions/toggle/index.d.ts

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

package/actions/toggle/index.d.ts.map

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

package/actions/toggle/index.js

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

package/actions/toggle/index.js.map

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