ionbase-ui 0.13.1 → 0.17.0

package/README.md

@@ -38,19 +38,30 @@ tokens but never fetches them: your framework knows its own font strategy
 design system reaching out to a third-party host at CSS parse time is not a
 decision it should make for you.
 
-Three families are used by the shipped components and type scale:
+Two families are used by the shipped components and type scale:
 
-| Family            | Token                         | Weights       | Used by                                       |
-| ----------------- | ----------------------------- | ------------- | --------------------------------------------- |
-| **Host Grotesk**  | `--font-family-sans`          | 400, 500, 600 | Body, every component, most of the type scale |
-| **STIX Two Text** | `--font-family-serif-display` | 600           | `.ion-text-h1`, `.ion-text-h2`                |
-| **Merriweather**  | `--font-family-serif`         | 700           | `.ion-text-editorial-*`                       |
+| Family            | Token                 | Weights       | Used by                                       |
+| ----------------- | --------------------- | ------------- | --------------------------------------------- |
+| **Host Grotesk**  | `--font-family-sans`  | 400, 500, 600 | Body, every component, most of the type scale |
+| **STIX Two Text** | `--font-family-serif` | 700           | `.ion-text-editorial-*`                       |
 
-All three are also used in italic where your content uses italic; none of the
+Both are also used in italic where your content uses italic; none of the
 components require it.
 
-`--font-family-mono` (Space Mono, 400/700) also exists as a token, but nothing
-in this package references it. Load it only if you use that variable yourself.
+Three more families exist as tokens but are referenced by nothing in this
+package — load them only if you use the variable yourself:
+
+| Token                         | Family        | Note                                    |
+| ----------------------------- | ------------- | --------------------------------------- |
+| `--font-family-mono`          | Space Mono    | 400/700                                 |
+| `--font-family-serif-display` | STIX Two Text | resolves to the same family as `-serif` |
+| `--font-family-merriweather`  | Merriweather  | primitive only, held for a future brand |
+
+**These two swap points are supported API.** `--font-family-sans` and
+`--font-family-serif` are the intended place to put your own typefaces —
+re-declare them after importing the stylesheet and the whole type scale
+follows, because every text class references the token rather than a family
+name. See [next/font](#nextfont) below for the shape of that override.
 
 ### If you skip this
 
@@ -59,8 +70,7 @@ Text degrades, it does not break. Every font token carries a generic fallback:
 ```css
 --font-family-sans:
   'Host Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
---font-family-serif: Merriweather, Georgia, 'Times New Roman', serif;
---font-family-serif-display: 'STIX Two Text', Georgia, 'Times New Roman', serif;
+--font-family-serif: 'STIX Two Text', Georgia, 'Times New Roman', serif;
 ```
 
 So an app that loads nothing renders in the platform UI font with serif
@@ -70,20 +80,12 @@ headings — wrong, but deliberately wrong in the right category, and legible.
 
 ```tsx
 // app/layout.tsx
-import { Host_Grotesk, Merriweather, STIX_Two_Text } from 'next/font/google';
+import { Host_Grotesk, STIX_Two_Text } from 'next/font/google';
 import 'ionbase-ui/styles';
 import './ionbase-fonts.css';
 
 const sans = Host_Grotesk({ subsets: ['latin'], variable: '--app-sans' });
-const display = STIX_Two_Text({
-  subsets: ['latin'],
-  variable: '--app-display',
-});
-const serif = Merriweather({
-  subsets: ['latin'],
-  weight: ['700'],
-  variable: '--app-serif',
-});
+const serif = STIX_Two_Text({ subsets: ['latin'], variable: '--app-serif' });
 
 export default function RootLayout({
   children,
@@ -91,19 +93,15 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html
-      lang="en"
-      className={`${sans.variable} ${display.variable} ${serif.variable}`}
-    >
+    <html lang="en" className={`${sans.variable} ${serif.variable}`}>
       <body>{children}</body>
     </html>
   );
 }
 ```
 
-Host Grotesk and STIX Two Text are variable fonts, so `next/font` covers their
-whole weight range without a `weight` list. Merriweather is requested static
-here because only 700 is used.
+Both are variable fonts, so `next/font` covers their whole weight range without
+a `weight` list.
 
 Then point the IonBase tokens at them:
 
@@ -111,7 +109,6 @@ Then point the IonBase tokens at them:
 /* ionbase-fonts.css — imported AFTER 'ionbase-ui/styles' so it wins */
 :root {
   --font-family-sans: var(--app-sans), system-ui, sans-serif;
-  --font-family-serif-display: var(--app-display), Georgia, serif;
   --font-family-serif: var(--app-serif), Georgia, serif;
 }
 ```
@@ -134,15 +131,8 @@ alone, because they already name these families:
 
 @font-face {
   font-family: 'STIX Two Text';
-  src: url('/fonts/stix-two-text-600.woff2') format('woff2');
-  font-weight: 600;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  src: url('/fonts/merriweather-700.woff2') format('woff2');
-  font-weight: 700;
+  src: url('/fonts/stix-two-text.woff2') format('woff2-variations');
+  font-weight: 400 700;
   font-display: swap;
 }
 ```
@@ -182,13 +172,40 @@ icon sit correctly inside a Button.
 
 ## Entry points
 
-| Import                | What it is                                     |
-| --------------------- | ---------------------------------------------- |
-| `ionbase-ui`          | Components, `Icon`, and the `tokens` object    |
-| `ionbase-ui/styles`   | Everything: tokens + typography + components   |
-| `ionbase-ui/styles/*` | One component stylesheet, e.g. `button.css`    |
-| `ionbase-ui/tokens`   | Token custom properties only, no component CSS |
-| `ionbase-ui/tokens/*` | One token layer, e.g. `theme-dark.css`         |
+| Import                  | What it is                                          |
+| ----------------------- | --------------------------------------------------- |
+| `ionbase-ui`            | Components, `Icon`, and the `tokens` object         |
+| `ionbase-ui/styles`     | Everything: tokens + typography + components        |
+| `ionbase-ui/styles/*`   | One component stylesheet, e.g. `button.css`         |
+| `ionbase-ui/tokens`     | Token custom properties only, no component CSS      |
+| `ionbase-ui/tokens/*`   | One token layer, e.g. `theme-dark.css`              |
+| `ionbase-ui/meta/index` | Component index — names, summaries, variants (12KB) |
+| `ionbase-ui/meta`       | Every component's full contract in one file (180KB) |
+| `ionbase-ui/meta/*`     | One component's contract, e.g. `Button.json`        |
+
+## Machine-readable component contracts
+
+Every component ships a JSON contract describing not just its API but when to
+use it, what to use instead, and what tends to go wrong:
+
+```ts
+import index from 'ionbase-ui/meta/index' with { type: 'json' };
+import button from 'ionbase-ui/meta/Button.json' with { type: 'json' };
+```
+
+Each contract carries `summary`, `useWhen`, `useInstead`, `variants` with
+per-value guidance, `slots`, `a11y`, `antiPatterns`, `deprecated`, the generated
+`props` table, and the tokens its stylesheet consumes.
+
+This exists because the thing consuming a design system is increasingly a coding
+agent rather than a person reading documentation. **Start from
+`ionbase-ui/meta/index`** — 12KB, every component with its variants — then load
+the single contract you need. Loading all of them costs 180KB to answer a
+question the index already answered.
+
+Six components carry full intent today (`Button`, `Input`, `Select`, `Modal`,
+`Table`, `Alert`). The rest ship the generated API plus their source
+documentation, and are being filled in.
 
 Token values are also available as JavaScript, as `var(--…)` references:
 

package/dist/components/Popover.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type PopoverSize = 'sm' | 'md' | 'lg';
+export interface PopoverProps {
+    /** The element that opens it. Must accept a ref and DOM props. */
+    children: React.ReactElement;
+    /** Panel contents. */
+    content?: React.ReactNode;
+    /** Heading. Also gives the dialog its accessible name. */
+    title?: React.ReactNode;
+    /** Action row, right-aligned. */
+    footer?: React.ReactNode;
+    /**
+     * Matches the Figma `Placement` variant, and names where the POPOVER sits —
+     * not where the arrow points. A preference, not a guarantee: it flips when
+     * there is no room, and the arrow follows.
+     */
+    placement?: PopoverPlacement;
+    /** Matches the Figma `Size` variant. Widths only; height always hugs. */
+    size?: PopoverSize;
+    /** Show the close button. Defaults to `true`. */
+    showClose?: boolean;
+    /** Hide the caret. */
+    hideArrow?: boolean;
+    closeLabel?: string;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    className?: string;
+}
+/**
+ * Popover — Figma `Popover` (825:1853).
+ *
+ * SITS BETWEEN TOOLTIP AND MODAL. A tooltip is a hint that cannot hold
+ * focusable content; a modal is a task that takes over the page. A popover
+ * holds interactive content but stays attached to the control that opened it.
+ *
+ * `usePopover` contains focus, closes on Escape or an outside click, and hides
+ * the rest of the page from assistive tech while open — the same guarantees
+ * Modal gives. What differs is the framing, and it is deliberate: no visible
+ * scrim, anchored to its trigger, and `surface/raised` rather than Modal's
+ * `surface/overlay`. It reads as attached to the page rather than replacing it.
+ */
+export declare function Popover({ children, ...props }: PopoverProps): React.JSX.Element;
+export declare namespace Popover {
+    var displayName: string;
+}
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAapD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAc7C,MAAM,WAAW,YAAY;IAC3B,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iCAAiC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,yEAAyE;IACzE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4HD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBA+B3D;yBA/Be,OAAO"}

package/dist/components/Popover.js

@@ -0,0 +1,71 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cloneElement, useRef } from 'react';
+import { Overlay, useOverlayTrigger, usePopover, useDialog, useButton, mergeProps, } from 'react-aria';
+import { useOverlayTriggerState } from 'react-stately';
+const CloseIcon = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "M18 6 6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/**
+ * The panel, in its own component because it is mounted only while open.
+ *
+ * This split is not cosmetic. `useDialog` focuses the panel in an effect keyed
+ * on the ref, and resolves the title's id by looking it up in the DOM — both of
+ * which run once, when the component calling the hook mounts. Called alongside
+ * `useOverlayTriggerState` in the parent, that moment is the moment the TRIGGER
+ * mounts, when the panel and its title do not exist yet: the dialog never takes
+ * focus (so Escape never reaches it) and `aria-labelledby` is silently dropped.
+ * react-aria warns about this exact mistake in dev.
+ */
+function PopoverPanel({ state, triggerRef, overlayProps, content, title, footer, placement = 'bottom', size = 'md', showClose = true, hideArrow, closeLabel = 'Close', className, }) {
+    const panelRef = useRef(null);
+    /*
+     * One positioning call, not two. `usePopover` runs `useOverlayPosition`
+     * itself and returns the resolved placement and arrow offsets along with it;
+     * calling `useOverlayPosition` separately produces a second set of transforms
+     * that fight the first.
+     */
+    const { popoverProps, underlayProps, arrowProps, placement: resolvedPlacement, } = usePopover({
+        triggerRef,
+        popoverRef: panelRef,
+        placement: placement,
+        offset: 10,
+    }, state);
+    const { dialogProps, titleProps } = useDialog({}, panelRef);
+    const closeRef = useRef(null);
+    const { buttonProps: closeButtonProps } = useButton({ onPress: () => state.close(), 'aria-label': closeLabel }, closeRef);
+    // The resolved placement, not the requested one — react-aria flips on
+    // collision, and an arrow left on the requested side points at nothing.
+    const side = (resolvedPlacement ?? placement).split(' ')[0];
+    return (_jsxs(Overlay, { children: [_jsx("div", { ...underlayProps, className: "ion-popover__underlay" }), _jsxs("div", { ...mergeProps(popoverProps, dialogProps, overlayProps), ref: panelRef, className: [
+                    'ion-popover',
+                    `ion-popover--${size}`,
+                    `ion-popover--${side}`,
+                    className || '',
+                ]
+                    .filter(Boolean)
+                    .join(' '), children: [!hideArrow && (_jsx("div", { ...arrowProps, className: "ion-popover__arrow", "aria-hidden": "true" })), (title || showClose) && (_jsxs("div", { className: "ion-popover__header", children: [title && (_jsx("p", { ...titleProps, className: "ion-popover__title", children: title })), showClose && (_jsx("button", { ...closeButtonProps, ref: closeRef, type: "button", className: "ion-popover__close", children: _jsx(CloseIcon, {}) }))] })), content && _jsx("div", { className: "ion-popover__body", children: content }), footer && _jsx("div", { className: "ion-popover__footer", children: footer })] })] }));
+}
+/**
+ * Popover — Figma `Popover` (825:1853).
+ *
+ * SITS BETWEEN TOOLTIP AND MODAL. A tooltip is a hint that cannot hold
+ * focusable content; a modal is a task that takes over the page. A popover
+ * holds interactive content but stays attached to the control that opened it.
+ *
+ * `usePopover` contains focus, closes on Escape or an outside click, and hides
+ * the rest of the page from assistive tech while open — the same guarantees
+ * Modal gives. What differs is the framing, and it is deliberate: no visible
+ * scrim, anchored to its trigger, and `surface/raised` rather than Modal's
+ * `surface/overlay`. It reads as attached to the page rather than replacing it.
+ */
+export function Popover({ children, ...props }) {
+    const { isOpen, onOpenChange } = props;
+    const state = useOverlayTriggerState({ isOpen, onOpenChange });
+    const triggerRef = useRef(null);
+    const { triggerProps, overlayProps } = useOverlayTrigger({ type: 'dialog' }, state, triggerRef);
+    return (_jsxs(_Fragment, { children: [cloneElement(children, mergeProps(children.props, {
+                ...triggerProps,
+                ref: triggerRef,
+            })), state.isOpen && (_jsx(PopoverPanel, { ...props, state: state, triggerRef: triggerRef, overlayProps: overlayProps }))] }));
+}
+Popover.displayName = 'Popover';
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover.js.map

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

package/dist/components/Toast.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+export type ToastIntent = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'information';
+export type ToastPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface ToastOptions {
+    intent?: ToastIntent;
+    title?: React.ReactNode;
+    message?: React.ReactNode;
+    /** One action. A second choice belongs in a dialog, which will still be there. */
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+    /** Milliseconds before auto-dismiss. `null` keeps it until dismissed. */
+    duration?: number | null;
+    dismissLabel?: string;
+}
+export interface ToastItem extends ToastOptions {
+    id: string;
+}
+export interface ToastProps extends ToastItem {
+    onDismiss: (id: string) => void;
+}
+/**
+ * Toast — Figma `Toast` (820:1655).
+ *
+ * Neutral chrome on `surface/raised`; the intent is carried by the icon alone.
+ * A tinted panel floating over unknown content competes with whatever is
+ * behind it, and makes Toast and Alert indistinguishable at a glance.
+ *
+ * AUTO-DISMISS PAUSES ON HOVER AND FOCUS. A toast that keeps counting down
+ * while being read or while its action has keyboard focus takes the action
+ * away mid-reach — WCAG 2.2.1 asks for exactly this. The timer restarts rather
+ * than resumes, which is the forgiving direction.
+ */
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+interface ToastContextValue {
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+export interface ToastProviderProps {
+    children?: React.ReactNode;
+    /** Where the stack sits. Not a Figma variant — position is the queue's concern. */
+    placement?: ToastPlacement;
+    /** Oldest are dropped past this. Prevents an unbounded stack covering the page. */
+    limit?: number;
+}
+/**
+ * Renders the queue and supplies `useToast`.
+ *
+ * The live region is the CONTAINER, declared once and always present. A region
+ * that appears at the same moment as its content is not reliably announced —
+ * assistive tech has to be watching the node before the text lands in it.
+ */
+export declare function ToastProvider({ children, placement, limit, }: ToastProviderProps): React.JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAUN,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,WAAW,GACrB,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAE1E,MAAM,MAAM,cAAc,GACxB,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AA0E5D,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kFAAkF;IAClF,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChD,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,mFAqEhB,CAAC;AAIH,UAAU,iBAAiB;IACzB,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IACzC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mFAAmF;IACnF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAA0B,EAC1B,KAAS,GACV,EAAE,kBAAkB,qBAkCpB;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}

package/dist/components/Toast.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, } from 'react';
+const Info = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M12 16v-4M12 8h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
+const CircleCheck = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "m9 12 2 2 4-4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+const TriangleAlert = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 9v4M12 17h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
+const CircleX = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "m15 9-6 6M9 9l6 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
+const DismissIcon = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "M18 6 6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const INTENT_ICON = {
+    neutral: Info,
+    primary: Info,
+    information: Info,
+    success: CircleCheck,
+    warning: TriangleAlert,
+    error: CircleX,
+};
+/**
+ * Toast — Figma `Toast` (820:1655).
+ *
+ * Neutral chrome on `surface/raised`; the intent is carried by the icon alone.
+ * A tinted panel floating over unknown content competes with whatever is
+ * behind it, and makes Toast and Alert indistinguishable at a glance.
+ *
+ * AUTO-DISMISS PAUSES ON HOVER AND FOCUS. A toast that keeps counting down
+ * while being read or while its action has keyboard focus takes the action
+ * away mid-reach — WCAG 2.2.1 asks for exactly this. The timer restarts rather
+ * than resumes, which is the forgiving direction.
+ */
+export const Toast = forwardRef((props, ref) => {
+    const { id, intent = 'information', title, message, action, duration = 5000, dismissLabel = 'Dismiss', onDismiss, } = props;
+    const IntentIcon = INTENT_ICON[intent];
+    const [paused, setPaused] = useState(false);
+    useEffect(() => {
+        if (duration === null || paused)
+            return;
+        const t = setTimeout(() => onDismiss(id), duration);
+        return () => clearTimeout(t);
+    }, [duration, paused, id, onDismiss]);
+    return (_jsxs("div", { ref: ref, className: `ion-toast ion-toast--${intent}`, 
+        /*
+         * `status`, not `alert`, at every intent — including error.
+         *
+         * Alert derives its role from intent because it sits in the page and an
+         * error there is content the user has arrived at. A toast arrives
+         * unbidden, often several at once; assertive live regions would
+         * interrupt whatever is being read each time one lands. Anything urgent
+         * enough to interrupt should not be transient in the first place.
+         */
+        role: "status", onMouseEnter: () => setPaused(true), onMouseLeave: () => setPaused(false), onFocusCapture: () => setPaused(true), onBlurCapture: () => setPaused(false), children: [_jsx("span", { className: "ion-toast__icon", "aria-hidden": "true", children: _jsx(IntentIcon, {}) }), _jsxs("div", { className: "ion-toast__content", children: [title && _jsx("p", { className: "ion-toast__title", children: title }), message && _jsx("p", { className: "ion-toast__message", children: message })] }), action && (_jsx("button", { type: "button", className: "ion-toast__action", onClick: action.onPress, children: action.label })), _jsx("button", { type: "button", className: "ion-toast__dismiss", onClick: () => onDismiss(id), "aria-label": dismissLabel, children: _jsx(DismissIcon, {}) })] }));
+});
+Toast.displayName = 'Toast';
+const ToastContext = createContext(null);
+/**
+ * Renders the queue and supplies `useToast`.
+ *
+ * The live region is the CONTAINER, declared once and always present. A region
+ * that appears at the same moment as its content is not reliably announced —
+ * assistive tech has to be watching the node before the text lands in it.
+ */
+export function ToastProvider({ children, placement = 'bottom-right', limit = 4, }) {
+    const [items, setItems] = useState([]);
+    const counter = useRef(0);
+    const prefix = useId();
+    const dismiss = useCallback((id) => {
+        setItems((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    const toast = useCallback((options) => {
+        const id = `${prefix}-${counter.current++}`;
+        setItems((prev) => [...prev, { ...options, id }].slice(-limit));
+        return id;
+    }, [prefix, limit]);
+    const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);
+    return (_jsxs(ToastContext.Provider, { value: value, children: [children, _jsx("div", { className: `ion-toast-region ion-toast-region--${placement}`, role: "region", "aria-label": "Notifications", children: items.map((item) => (_jsx(Toast, { ...item, onDismiss: dismiss }, item.id))) })] }));
+}
+export function useToast() {
+    const ctx = useContext(ToastContext);
+    if (!ctx)
+        throw new Error('useToast must be used inside a <ToastProvider>');
+    return ctx;
+}
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

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

package/dist/components/index.d.ts

@@ -28,8 +28,12 @@ export { Logo, LogoMark } from './Logo.js';
 export type { LogoProps, LogoMarkProps, LogoSize, LogoWordmark, } from './Logo.js';
 export { Divider } from './Divider.js';
 export type { DividerProps, DividerOrientation } from './Divider.js';
+export { Toast, ToastProvider, useToast } from './Toast.js';
+export type { ToastProps, ToastOptions, ToastItem, ToastIntent, ToastPlacement, ToastProviderProps, } from './Toast.js';
 export { Tooltip } from './Tooltip.js';
 export type { TooltipProps, TooltipPlacement } from './Tooltip.js';
+export { Popover } from './Popover.js';
+export type { PopoverProps, PopoverPlacement, PopoverSize } from './Popover.js';
 export { Modal } from './Modal.js';
 export type { ModalProps, ModalSize, ModalAlign } from './Modal.js';
 export { Link } from './Link.js';

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

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

package/dist/components/index.js

@@ -13,7 +13,9 @@ export { Avatar, AvatarGroup } from './Avatar.js';
 export { Header } from './Header.js';
 export { Logo, LogoMark } from './Logo.js';
 export { Divider } from './Divider.js';
+export { Toast, ToastProvider, useToast } from './Toast.js';
 export { Tooltip } from './Tooltip.js';
+export { Popover } from './Popover.js';
 export { Modal } from './Modal.js';
 export { Link } from './Link.js';
 export { NavItem } from './NavItem.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAOnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAU9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAOnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAS5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAU9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}