@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/types/toast/toast-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-demo.d.ts","sourceRoot":"","sources":["../../../src/toast/toast-demo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE3E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAS,EACT,IAAc,EACd,OAAO,EACP,GAAG,MAAM,EACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CACzC,+BAqBA;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,IAAI,OAAO,CAExC"}

package/dist/types/toast/toast-parts.d.ts

@@ -0,0 +1,44 @@
+import type { ToastCloseProps, ToastDescriptionProps, ToastIconProps, ToastPartRenderProps, ToastProps } from './toast.types';
+/**
+ * One message.
+ *
+ * It renders the family's own anatomy from what the call carried. A page that
+ * wants another arrangement passes a function to `ToastRegion` and composes
+ * the parts below itself; everything here — the timer, the swipe, the exit,
+ * the keyboard — is the same either way, because all of it is the region's and
+ * the store's rather than this component's.
+ */
+export declare function Toast({ children, index, message, ref, ...nativeProps }: ToastProps): import("react").JSX.Element;
+/**
+ * The tone's mark, or the page's own. While a promise is in flight it is
+ * `progress-indicator`'s contained loader: the loader belongs to that family,
+ * and the stylesheet sizes it to the mark and paints it in the mark's ink, so
+ * the disc that waits and the disc that answers are one silhouette. A tone with
+ * no mark and no mark of the page's draws no part at all, and the words start
+ * at the message's own inset.
+ */
+export declare function ToastIcon({ children, render, ...nativeProps }: ToastIconProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The words, and the one column that is allowed to shrink. */
+export declare function ToastContent({ children, render, ...nativeProps }: ToastPartRenderProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The message's name. A `div` rather than a heading: a message that is gone in
+ * five seconds is not a section of the document, and a page that puts one in
+ * its outline has told a reader it can be navigated back to.
+ */
+export declare function ToastTitle({ children, render, ...nativeProps }: ToastPartRenderProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The message. A `p`, because that is what a sentence of prose is. */
+export declare function ToastDescription({ children, render, ...nativeProps }: ToastDescriptionProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The controls that act on the message. What goes in is the consumer's own
+ * `Button`s: `button` already owns what a button is, and naming one of two
+ * controls `cancel` would privilege one arrangement over every other.
+ */
+export declare function ToastActions({ children, render, ...nativeProps }: ToastPartRenderProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The control that puts the message away. A real button with a real name. */
+export declare function ToastClose({ children, render, ...nativeProps }: ToastCloseProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * How much of the duration is left. It reads the same number the timer does,
+ * and the same play state, so the picture and the clock cannot disagree.
+ */
+export declare function ToastProgress({ render, ...nativeProps }: ToastPartRenderProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=toast-parts.d.ts.map

package/dist/types/toast/toast-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-parts.d.ts","sourceRoot":"","sources":["../../../src/toast/toast-parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACrB,cAAc,EAEd,oBAAoB,EACpB,UAAU,EAEX,MAAM,eAAe,CAAC;AA8EvB;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,EAAE,UAAU,+BAmItF;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,+VAsB7E;AAED,+DAA+D;AAC/D,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,oBAAoB,+VAItF;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,oBAAoB,+VAIpF;AAED,uEAAuE;AACvE,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,qBAAqB,+VAI3F;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,oBAAoB,+VAItF;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,eAAe,+VAc/E;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,oBAAoB,+VAQ7E"}

package/dist/types/toast/toast.d.ts

@@ -0,0 +1,42 @@
+
+import { type FamilyTranslator, type ToastMessages } from '@slotted/core/i18n';
+import type { ToastMessage } from '@slotted/core/toast';
+import type { ToastContent, ToastDefaults, ToastRegionProps, ToastStore } from './toast.types';
+export interface ToastRegionContextValue {
+    store: ToastStore<ToastContent>;
+    defaults: ToastDefaults;
+    swipe: boolean;
+    swipeThreshold: number;
+    placement: ToastRegionProps['placement'];
+    /** Where the keyboard was before the hotkey moved it into the region. */
+    cameFrom: {
+        current: HTMLElement | null;
+    };
+    /** The family's words in the language in force, with this region's `messages` laid over them. */
+    t: FamilyTranslator<ToastMessages>;
+}
+/** What the region around this part is. A message outside one has no queue. */
+export declare function useToastRegion(): ToastRegionContextValue;
+/**
+ * The place transient messages appear, and the only part of this family a page
+ * renders directly.
+ *
+ * **It is a landmark, not a live region.** A live role on a box holding a Close
+ * and an Undo is read with both buttons inside the sentence, and a region
+ * created in the same task as its text is silent under ARIA 1.2 §6.4. The
+ * words are spoken by `packages/core/src/live-announcer`; this element is what
+ * a reader navigates to, with the hotkey or with their own landmark list.
+ *
+ * **It never takes focus on its own.** The APG's Alert pattern is explicit that
+ * a message must not affect the keyboard, and the whole of this family's claim
+ * on it is one key the reader presses.
+ */
+export declare function ToastRegion({ attach, children, container, defaultToasts, duration, hotkey, limit, messages, onToastsChange, pauseOnHover, pauseWhenHidden, placement, ref, stacking, swipe, toaster, toasts, ...nativeProps }: ToastRegionProps): import("react").JSX.Element;
+/** How many messages are waiting behind the limit, for a page that says so. */
+export declare function useToastQueue(): {
+    visible: number;
+    queued: number;
+    paused: boolean;
+};
+export type { ToastMessage };
+//# sourceMappingURL=toast.d.ts.map

package/dist/types/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AAGzC,OAAO,EAAE,KAAK,gBAAgB,EAAiB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE9F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAiBxD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/F,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzC,yEAAyE;IACzE,QAAQ,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAC1C,iGAAiG;IACjG,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CACpC;AAID,+EAA+E;AAC/E,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD;AAkDD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,eAAe,EACf,SAAS,EACT,GAAG,EACH,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,WAAW,EACf,EAAE,gBAAgB,+BAsQlB;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,IAAI;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAYpF;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/toast/toast.types.d.ts

@@ -0,0 +1,163 @@
+import type { ToastMessage, ToastPriority, ToastReason, ToastStatus, ToastStore } from '@slotted/core/toast';
+import type { PartialMessages, ToastMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** Which of the five semantic colours the message speaks in. */
+export type ToastTone = 'accent' | 'secondary' | 'success' | 'warning' | 'danger';
+/**
+ * How that colour is painted. `raised` is the neutral surface with the tone in
+ * the mark, and it is the default: a message floats over content this family
+ * does not own, and tinting that content's corner is not its decision.
+ */
+export type ToastVariant = 'raised' | 'soft' | 'solid';
+/** Which edge of the screen — or of the panel — the region sits at. */
+export type ToastPlacement = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
+/**
+ * Where the region is rendered. One axis with three values rather than two
+ * booleans that admit a meaningless combination, which is the shape
+ * `collapsible` settled for `mount`.
+ */
+export type ToastAttach = 'portal' | 'viewport' | 'inline';
+/** Whether the messages stand in a column or in a pile that opens. */
+export type ToastStacking = 'list' | 'stack';
+export type { ToastMessage, ToastPriority, ToastReason, ToastStatus, ToastStore };
+/** What a message carries for rendering. Opaque to `@slotted/core/toast`. */
+export interface ToastContent {
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Defaults to the provider, then to `accent`. */
+    tone?: ToastTone | undefined;
+    /** Defaults to the provider, then to `raised`. */
+    variant?: ToastVariant | undefined;
+    /** Replaces the tone's own mark, keeping its box and its place on the line. */
+    icon?: ReactNode | undefined;
+    /** Draws no mark at all. */
+    hideIcon?: boolean | undefined;
+    /** The consumer's own controls, outside the text. */
+    actions?: ReactNode | undefined;
+    /** Renders the control that closes the message. Defaults to the provider. */
+    dismissible?: boolean | undefined;
+    /** Draws how much of the duration is left. Defaults to the provider. */
+    progress?: boolean | undefined;
+    /** Replaces the message's whole body, keeping the box, the tone and the timer. */
+    render?: ((message: ToastMessage<ToastContent>) => ReactNode) | undefined;
+}
+/** Everything one call can say about a message. */
+export interface ToastInput extends ToastContent {
+    id?: string | undefined;
+    /** Milliseconds on screen. `0` never expires. */
+    duration?: number | undefined;
+    /** How loudly the announcer says it. Never inferred from the tone. */
+    priority?: ToastPriority | undefined;
+    /**
+     * What a reader hears. Left unstated it is built from `title` and
+     * `description` when both are strings, and is empty when they are not — a
+     * message whose body is a component of the consumer's announces what they
+     * say here, and nothing at all when they say nothing.
+     */
+    announcement?: string | undefined;
+    /** Waiting on a promise: it does not expire and it draws no countdown. */
+    loading?: boolean | undefined;
+    onStatusChange?: ((status: ToastStatus | 'removed', message: ToastMessage<ToastContent>) => void) | undefined;
+}
+export interface ToastPromiseInput<Value> {
+    loading: ToastInput;
+    success: ToastInput | ((value: Value) => ToastInput);
+    error: ToastInput | ((reason: unknown) => ToastInput);
+}
+/**
+ * The imperative facade `docs/component-features.md` §14 asks for, over the
+ * observable model it asks for in the same sentence. It is a plain object, not
+ * a hook: a message is shown from a saga, an interceptor or an event handler
+ * that is nowhere near a component.
+ */
+export interface Toaster {
+    show: (input?: ToastInput) => string;
+    update: (id: string, input: ToastInput) => void;
+    dismiss: (id: string, reason?: ToastReason) => void;
+    clear: (reason?: ToastReason) => void;
+    pauseAll: () => void;
+    resumeAll: () => void;
+    promise: <Value>(promise: Promise<Value>, input: ToastPromiseInput<Value>) => Promise<Value>;
+    /** The model the region reads. */
+    readonly store: ToastStore<ToastContent>;
+}
+/** What an application sets once for every region under it. */
+export interface ToastDefaults {
+    placement: ToastPlacement;
+    attach: ToastAttach;
+    stacking: ToastStacking;
+    tone: ToastTone;
+    variant: ToastVariant;
+    priority: ToastPriority;
+    dismissible: boolean;
+    swipe: boolean;
+    progress: boolean;
+    pauseOnHover: boolean;
+    pauseWhenHidden: boolean;
+    limit: number;
+    duration: number;
+    swipeThreshold: number;
+    hotkey: string;
+}
+export interface ToastDefaultsProviderProps extends Partial<ToastDefaults> {
+    children?: ReactNode | undefined;
+}
+/** Props the family writes on whichever element `render` returns for a part. */
+export interface ToastPartProps extends ComponentPropsWithRef<'div'> {
+    'data-part': string;
+}
+export interface ToastRegionProps extends Omit<ComponentPropsWithRef<'section'>, 'children'> {
+    /** The model this region renders. Defaults to the shared one. */
+    toaster?: Toaster | undefined;
+    /** The queue the consumer owns. Passing it decides the mode for good. */
+    toasts?: readonly ToastMessage<ToastContent>[] | undefined;
+    /** The queue an uncontrolled region starts from, read once. */
+    defaultToasts?: readonly ToastMessage<ToastContent>[] | undefined;
+    /** Asks to change the queue, carrying the reason and refusable. */
+    onToastsChange?: ((toasts: readonly ToastMessage<ToastContent>[], request: ChangeRequest<readonly ToastMessage<ToastContent>[]>) => void) | undefined;
+    placement?: ToastPlacement | undefined;
+    attach?: ToastAttach | undefined;
+    stacking?: ToastStacking | undefined;
+    swipe?: boolean | undefined;
+    limit?: number | undefined;
+    duration?: number | undefined;
+    pauseOnHover?: boolean | undefined;
+    pauseWhenHidden?: boolean | undefined;
+    /** The key that moves focus into the region. Defaults to the provider. */
+    hotkey?: string | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the name
+     * a reader finds the region by (`label`) and what each close control
+     * announces (`close`). A native `aria-label` still names the region.
+     */
+    messages?: PartialMessages<ToastMessages> | undefined;
+    /** The element a portalled region is placed inside. */
+    container?: Element | null | undefined;
+    /** Renders each message. Defaults to the family's own anatomy. */
+    children?: ((message: ToastMessage<ToastContent>) => ReactNode) | undefined;
+}
+export interface ToastProps extends Omit<ComponentPropsWithRef<'li'>, 'children'> {
+    message: ToastMessage<ToastContent>;
+    /** How far this message is from the front of the pile. The stylesheet reads it. */
+    index?: number | undefined;
+    children?: ReactNode | undefined;
+}
+/** A part whose element the consumer may substitute. */
+export interface ToastPartRenderProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: ToastPartProps) => ReactNode) | undefined;
+}
+/** The same props, for a part whose element is not a `div`. */
+type PartOf<Element extends 'p' | 'span' | 'button'> = ComponentPropsWithRef<Element> & {
+    'data-part': string;
+};
+export interface ToastDescriptionProps extends ComponentPropsWithRef<'p'> {
+    render?: ((props: PartOf<'p'>) => ReactNode) | undefined;
+}
+export interface ToastIconProps extends ComponentPropsWithRef<'span'> {
+    render?: ((props: PartOf<'span'>) => ReactNode) | undefined;
+}
+export interface ToastCloseProps extends ComponentPropsWithRef<'button'> {
+    render?: ((props: PartOf<'button'>) => ReactNode) | undefined;
+}
+//# sourceMappingURL=toast.types.d.ts.map

package/dist/types/toast/toast.types.d.ts.map

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

package/dist/types/toggle/index.d.ts

@@ -0,0 +1,4 @@
+export { Toggle } from './toggle';
+export { ToggleDefaultsProvider, useToggleDefaults } from './toggle-defaults';
+export type { ToggleChangeRequest, ToggleDefaults, ToggleDefaultsProviderProps, TogglePressedChangeHandler, TogglePressedReason, ToggleProps, ToggleRootProps, ToggleSize, ToggleVariant, } from './toggle.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,UAAU,EACV,aAAa,GACd,MAAM,gBAAgB,CAAC"}

package/dist/types/toggle/toggle-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { ToggleDefaults, ToggleDefaultsProviderProps } from './toggle.types';
+export declare const TOGGLE_FALLBACK: ToggleDefaults;
+/** What a toggle renders as here, before it states anything of its own. */
+export declare function useToggleDefaults(): ToggleDefaults;
+/**
+ * An application decides once how its toggles are drawn — a toolbar of ghost
+ * modes, a form of framed ones — rather than repeating the two props on
+ * every control. A toggle that states either itself still wins.
+ */
+export declare function ToggleDefaultsProvider({ children, ...defaults }: ToggleDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=toggle-defaults.d.ts.map

package/dist/types/toggle/toggle-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-defaults.d.ts","sourceRoot":"","sources":["../../../src/toggle/toggle-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,cAG7B,CAAC;AAIF,2EAA2E;AAC3E,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,2BAA2B,+BAa5F"}

package/dist/types/toggle/toggle.d.ts

@@ -0,0 +1,17 @@
+
+import type { ToggleProps } from './toggle.types';
+/**
+ * A two-state button standing on its own: a mode — Bold, Wrap, Pin — that is
+ * true the moment it is pressed. `aria-pressed` is written in both states, so
+ * the control is announced as a toggle rather than as a button that happens
+ * to be pressed, and its label never changes with its state, which the APG
+ * Button pattern calls critical.
+ *
+ * `button`'s ToggleButton is the other member: an action that persists —
+ * Follow, Subscribe — which reaches a server and waits, in one of five tones.
+ * The two hold one state model, so a consumer moving between them changes no
+ * handler. Inside `toolbar` the bar owns the tab stop and the arrows, and
+ * this control writes no listener of its own.
+ */
+export declare function Toggle({ children, className, defaultPressed, disabled, icon, onClick, onPressedChange, pressed, ref, render, size, style, type, variant, ...nativeProps }: ToggleProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/types/toggle/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAO3C,OAAO,KAAK,EAAE,WAAW,EAAwC,MAAM,gBAAgB,CAAC;AAYxF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,cAAsB,EACtB,QAAgB,EAChB,IAAI,EACJ,OAAO,EACP,eAAe,EACf,OAAO,EACP,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,WAAW,+VA6Cb"}

package/dist/types/toggle/toggle.types.d.ts

@@ -0,0 +1,66 @@
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+/** The type step the control sits at. */
+export type ToggleSize = 'sm' | 'md' | 'lg';
+/**
+ * Whether the control is framed or bare. `ghost` is the toggle that sits
+ * inside something already framed — a toolbar, a card header. There is no
+ * tone axis: a mode is one colour when it is on, and an action that persists
+ * in one of five tones is `button`'s ToggleButton.
+ */
+export type ToggleVariant = 'outline' | 'ghost';
+/** Why the state moved. A toggle can produce exactly these two. */
+export type TogglePressedReason = Extract<ChangeRequest<boolean>['reason'], 'pointer' | 'keyboard'>;
+export interface ToggleChangeRequest extends ChangeRequest<boolean> {
+    readonly reason: TogglePressedReason;
+}
+/**
+ * A change is a request. It carries the value, the value it replaces, the
+ * reason, the originating event and `cancel()`. The value comes first because
+ * reading it is what almost every consumer does — the shape `button`'s
+ * ToggleButton hands its own consumers.
+ */
+export type TogglePressedChangeHandler = (pressed: boolean, request: ToggleChangeRequest) => void;
+/** What an application sets once for every toggle under it. */
+export interface ToggleDefaults {
+    size: ToggleSize;
+    variant: ToggleVariant;
+}
+export interface ToggleDefaultsProviderProps extends Partial<ToggleDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What `render` receives for the root. */
+export interface ToggleRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-pressed': boolean;
+    'data-disabled'?: '' | undefined;
+    'data-part': string;
+    'data-pressed'?: '' | undefined;
+    'data-size': ToggleSize;
+    'data-ui': string;
+    'data-variant': ToggleVariant;
+}
+export interface ToggleProps extends Omit<ComponentPropsWithRef<'button'>, 'aria-pressed' | 'children' | 'type'> {
+    /** The words. Absent on an icon-only toggle, which then draws square and needs `aria-label`. */
+    children?: ReactNode | undefined;
+    /** The value an uncontrolled toggle starts from, read once. */
+    defaultPressed?: boolean | undefined;
+    disabled?: boolean | undefined;
+    /** The mark, aligned to the label's text. */
+    icon?: ReactNode | undefined;
+    onPressedChange?: TogglePressedChangeHandler | undefined;
+    /**
+     * The consumer's value. Passing it puts the state in controlled mode for
+     * good; `undefined` is written explicitly because absence decides the mode.
+     */
+    pressed?: boolean | undefined;
+    /**
+     * Renders the wiring into the consumer's own element. It stays a `button`:
+     * `aria-pressed` on a link is a link announcing a state a link does not
+     * hold.
+     */
+    render?: ((props: ToggleRootProps) => ReactNode) | undefined;
+    size?: ToggleSize | undefined;
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    variant?: ToggleVariant | undefined;
+}
+//# sourceMappingURL=toggle.types.d.ts.map

package/dist/types/toggle/toggle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.types.d.ts","sourceRoot":"","sources":["../../../src/toggle/toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,yCAAyC;AACzC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,mEAAmE;AACnE,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAEpG,MAAM,WAAW,mBAAoB,SAAQ,aAAa,CAAC,OAAO,CAAC;IACjE,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC;CACtC;AAED;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAElG,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,2BAA4B,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC1E,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC;AAED,2CAA2C;AAC3C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IAChC,WAAW,EAAE,UAAU,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,cAAc,GAAG,UAAU,GAAG,MAAM,CACrC;IACC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,+DAA+D;IAC/D,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACzD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7D,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACjD,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACrC"}

package/dist/types/toggle-group/index.d.ts

@@ -0,0 +1,5 @@
+export { ToggleGroup, useToggleGroup } from './toggle-group';
+export { ToggleGroupDefaultsProvider, useToggleGroupDefaults } from './toggle-group-defaults';
+export { ToggleGroupItem } from './toggle-group-parts';
+export type { ToggleGroupChangeRequest, ToggleGroupContextValue, ToggleGroupDefaults, ToggleGroupDefaultsProviderProps, ToggleGroupItemProps, ToggleGroupItemRootProps, ToggleGroupOrientation, ToggleGroupProps, ToggleGroupRootProps, ToggleGroupSelectionReason, ToggleGroupSize, ToggleGroupVariant, } from './toggle-group.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EACV,wBAAwB,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,gCAAgC,EAChC,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,GACnB,MAAM,sBAAsB,CAAC"}

package/dist/types/toggle-group/toggle-group-defaults.d.ts

@@ -0,0 +1,10 @@
+import type { ToggleGroupDefaults, ToggleGroupDefaultsProviderProps } from './toggle-group.types';
+/** What a toggle group renders as here, before it states anything of its own. */
+export declare function useToggleGroupDefaults(): ToggleGroupDefaults;
+/**
+ * An application decides once how its toggle bars are drawn and how they
+ * behave, rather than repeating the same props on every one of them. A group
+ * that states any of them itself still wins.
+ */
+export declare function ToggleGroupDefaultsProvider({ children, ...defaults }: ToggleGroupDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=toggle-group-defaults.d.ts.map

package/dist/types/toggle-group/toggle-group-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-defaults.d.ts","sourceRoot":"","sources":["../../../src/toggle-group/toggle-group-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAalG,iFAAiF;AACjF,wBAAgB,sBAAsB,IAAI,mBAAmB,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,gCAAgC,+BAiBlC"}

package/dist/types/toggle-group/toggle-group-parts.d.ts

@@ -0,0 +1,13 @@
+import type { ToggleGroupItemProps } from './toggle-group.types';
+/**
+ * One two-state button of the set.
+ *
+ * `aria-pressed` is written in both states, so the item is announced as a
+ * toggle rather than as a button that happens to be pressed — and its label
+ * never changes with its state, which the APG Button pattern calls critical.
+ *
+ * An item with no children is a square holding one mark, and it takes its
+ * accessible name from the `aria-label` the consumer writes on it.
+ */
+export declare function ToggleGroupItem({ children, className, disabled, icon, onClick, ref, render, style, type, value, ...nativeProps }: ToggleGroupItemProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=toggle-group-parts.d.ts.map

package/dist/types/toggle-group/toggle-group-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-parts.d.ts","sourceRoot":"","sources":["../../../src/toggle-group/toggle-group-parts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,sBAAsB,CAAC;AAY9B;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,GAAG,WAAW,EACf,EAAE,oBAAoB,+VAmCtB"}

package/dist/types/toggle-group/toggle-group.d.ts

@@ -0,0 +1,31 @@
+
+import type { ToggleGroupContextValue, ToggleGroupProps } from './toggle-group.types';
+/**
+ * What the group around this item says. An item outside one has no shared
+ * value to move, so this throws rather than rendering a button that looks
+ * right and toggles nothing.
+ */
+export declare function useToggleGroup(): ToggleGroupContextValue;
+/**
+ * A set of two-state buttons that share one value.
+ *
+ * **The arrows move focus and never toggle.** Each item is the APG Button
+ * pattern's toggle button, activated by `Space` and `Enter` alone; the
+ * movement between them is the Toolbar pattern's roving tabindex. The family
+ * whose arrows move the value is `segmented-control`, and it is a radio group
+ * because that is the pattern describing that interaction.
+ *
+ * **Inside a `toolbar` the group stands down.** A bar is one tab stop with
+ * arrow navigation across every control it holds, so a group running a second
+ * ring inside it would put two tab stops where the APG asks for one. The bar is
+ * found in the DOM by its public identifier rather than through an imported
+ * context, so neither family depends on the other; the cost is that the check
+ * runs after mount, so a server-rendered group carries its own tab stop for one
+ * frame. `rovingFocus` states it outright for a bar this library did not write.
+ *
+ * **The value is always an array.** `multiple` caps it at one entry rather than
+ * changing its type, so both bindings hold one shape. A single-select consumer
+ * writes an array of one, which is the price.
+ */
+export declare function ToggleGroup({ attached, children, className, defaultValue, deselectable, disabled, fullWidth, loop, multiple, onValueChange, orientation, ref, render, role, rovingFocus, size, value, variant, ...nativeProps }: ToggleGroupProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/types/toggle-group/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AAOvD,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;AAI9B;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD;AAKD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,GAAG,EACH,MAAM,EACN,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EAAE,gBAAgB,+VAuGlB"}

package/dist/types/toggle-group/toggle-group.types.d.ts

@@ -0,0 +1,110 @@
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+/** The type step the group and every item inside it sit at. */
+export type ToggleGroupSize = 'sm' | 'md' | 'lg';
+/**
+ * Whether the items are framed or bare. `ghost` is the bar that sits inside
+ * something already framed — a toolbar, a card header. There is no tone axis:
+ * "on" is one colour across the system, and a bar that wants the whole palette
+ * is `button-group` around ToggleButtons.
+ */
+export type ToggleGroupVariant = 'outline' | 'ghost';
+/** How the items flow. The arrows follow the same axis. */
+export type ToggleGroupOrientation = 'horizontal' | 'vertical';
+/** Why the value moved. A toggle group can produce exactly these two. */
+export type ToggleGroupSelectionReason = Extract<ChangeRequest<readonly string[]>['reason'], 'pointer' | 'keyboard'>;
+/**
+ * The request the group emits. The value is always an array: `multiple` caps
+ * it at one entry rather than changing its type, so both bindings hold one
+ * shape and an Angular `model()` can hold it too.
+ */
+export type ToggleGroupChangeRequest = ChangeRequest<readonly string[]>;
+/** What an application sets once for every toggle group under it. */
+export interface ToggleGroupDefaults {
+    attached: boolean;
+    deselectable: boolean;
+    loop: boolean;
+    orientation: ToggleGroupOrientation;
+    size: ToggleGroupSize;
+    variant: ToggleGroupVariant;
+}
+export interface ToggleGroupDefaultsProviderProps extends Partial<ToggleGroupDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What the group hands every item inside it. */
+export interface ToggleGroupContextValue {
+    disabled: boolean | undefined;
+    /** Whether one value is on. Read by every item in the set. */
+    holds: (value: string) => boolean;
+    size: ToggleGroupSize;
+    /** Asks the group to turn one value on or off. */
+    toggle: (value: string, reason: ToggleGroupSelectionReason, source: unknown) => void;
+    variant: ToggleGroupVariant;
+}
+/** What `render` receives for the group's root. */
+export interface ToggleGroupRootProps extends HTMLAttributes<HTMLElement> {
+    'data-attached'?: '' | undefined;
+    'data-full-width'?: '' | undefined;
+    'data-orientation': ToggleGroupOrientation;
+    'data-part': string;
+    'data-size': ToggleGroupSize;
+    'data-ui': string;
+    'data-variant': ToggleGroupVariant;
+}
+/** What `render` receives for one item. */
+export interface ToggleGroupItemRootProps extends HTMLAttributes<HTMLElement> {
+    'data-disabled'?: '' | undefined;
+    'data-part': string;
+    'data-pressed'?: '' | undefined;
+}
+export interface ToggleGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> {
+    /** Defaults to the provider, then to `true`. A joined bar has one edge. */
+    attached?: boolean | undefined;
+    /** The value an uncontrolled group starts from, read once. */
+    defaultValue?: readonly string[] | undefined;
+    /**
+     * Whether the last item on may be turned off. Defaults to the provider, then
+     * to `true`. Ignored while `multiple` is true, where a set may always empty.
+     */
+    deselectable?: boolean | undefined;
+    /** Unstated rather than `false`. Reaches every item as the native attribute. */
+    disabled?: boolean | undefined;
+    /** Defaults to the provider, then to `false`. */
+    fullWidth?: boolean | undefined;
+    /** Whether the arrows wrap past the ends. Defaults to the provider, then `true`. */
+    loop?: boolean | undefined;
+    /** Whether more than one item may be on at a time. Defaults to `false`. */
+    multiple?: boolean | undefined;
+    /** Called before the value moves, with the request that carries the reason. */
+    onValueChange?: ((value: readonly string[], request: ToggleGroupChangeRequest) => void) | undefined;
+    /** Defaults to the provider, then to `horizontal`. */
+    orientation?: ToggleGroupOrientation | undefined;
+    /** Renders the group's root into another element. */
+    render?: ((props: ToggleGroupRootProps) => ReactNode) | undefined;
+    /**
+     * Whether the group holds one tab stop of its own and moves focus with the
+     * arrows. Unstated, it is inferred: a group inside a `toolbar` stands down,
+     * because a bar is already one tab stop with arrow navigation across every
+     * control it holds. Stated, it wins — which is what a bar this library did
+     * not write needs.
+     */
+    rovingFocus?: boolean | undefined;
+    /** Defaults to the provider, then to `md`. */
+    size?: ToggleGroupSize | undefined;
+    /** Present means controlled, for the life of the component. */
+    value?: readonly string[] | undefined;
+    /** Defaults to the provider, then to `outline`. */
+    variant?: ToggleGroupVariant | undefined;
+}
+export interface ToggleGroupItemProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'value'> {
+    children?: ReactNode | undefined;
+    /** Unstated rather than `false`, so the item defers to the group. */
+    disabled?: boolean | undefined;
+    /** The mark, drawn before the words. Absent on an item that is only words. */
+    icon?: ReactNode | undefined;
+    /** Renders the item into another element. It stays a two-state button. */
+    render?: ((props: ToggleGroupItemRootProps) => ReactNode) | undefined;
+    /** What this item turns on. It is what the group's value holds. */
+    value: string;
+}
+//# sourceMappingURL=toggle-group.types.d.ts.map

package/dist/types/toggle-group/toggle-group.types.d.ts.map

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

package/dist/types/toolbar/index.d.ts

@@ -0,0 +1,8 @@
+export { Toolbar } from './toolbar';
+export { useToolbarOverflow } from './toolbar-context';
+export type { ToolbarCollapsedUnit, ToolbarOverflowValue } from './toolbar-context';
+export { ToolbarDefaultsProvider, useToolbarDefaults } from './toolbar-defaults';
+export { ToolbarOverflow } from './toolbar-overflow';
+export { ToolbarGroup, ToolbarItem, ToolbarSeparator, ToolbarSpacer } from './toolbar-parts';
+export type { ToolbarDefaults, ToolbarDefaultsProviderProps, ToolbarGroupProps, ToolbarItemProps, ToolbarOrientation, ToolbarOverflowLabel, ToolbarOverflowMode, ToolbarOverflowProps, ToolbarOverflowRootProps, ToolbarProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSize, ToolbarSpacerProps, ToolbarVariant, } from './toolbar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7F,YAAY,EACV,eAAe,EACf,4BAA4B,EAC5B,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,kBAAkB,EAClB,cAAc,GACf,MAAM,iBAAiB,CAAC"}