@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/numbers/RollingNumber/DefaultRollingNumberSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberSymbol.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,4BAA4B,EAA4B,MAAM,iBAAiB,CAAC;AAU9F,eAAO,MAAM,0BAA0B,EAAE,4BAgBxC,CAAC"}

package/dts/numbers/RollingNumber/DefaultRollingNumberValueSection.d.ts

@@ -0,0 +1,3 @@
+import type { RollingNumberValueSectionComponent } from './RollingNumber';
+export declare const DefaultRollingNumberValueSection: RollingNumberValueSectionComponent;
+//# sourceMappingURL=DefaultRollingNumberValueSection.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberValueSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberValueSection.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberValueSection.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,kCAAkC,EAEnC,MAAM,iBAAiB,CAAC;AAWzB,eAAO,MAAM,gCAAgC,EAAE,kCA+G9C,CAAC"}

package/dts/numbers/RollingNumber/RollingNumber.d.ts

@@ -0,0 +1,406 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type KeyedNumberPart } from '@coinbase/cds-common/numbers/IntlNumberFormat';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import { type Transition } from 'framer-motion';
+import type { Polymorphic } from '../../core/polymorphism';
+import { type TextBaseProps, type TextDefaultElement, type TextProps } from '../../typography/Text';
+/**
+ * Defines transition overrides for RollingNumber animations.
+ */
+type RollingNumberTransitionConfig = {
+    /**
+     * Transition override applied to the vertical translation animation.
+     */
+    y?: Transition;
+    /**
+     * Transition override applied to the color interpolation animation.
+     */
+    color?: Transition;
+};
+export declare const defaultTransitionConfig: {
+    readonly y: {
+        readonly duration: number;
+        readonly ease: import("@coinbase/cds-common/motion/tokens").EasingArray;
+    };
+    readonly color: {
+        readonly duration: number;
+        readonly ease: import("@coinbase/cds-common/motion/tokens").EasingArray;
+    };
+};
+export type RollingNumberMaskProps = TextProps<TextDefaultElement> & {
+    /**
+     * Content rendered inside the mask container.
+     */
+    children?: React.ReactNode;
+    /**
+     * Ref forwarded to the mask element.
+     */
+    ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberAffixSectionProps = TextProps<TextDefaultElement> & {
+    /**
+     * Content rendered inside the affix section.
+     */
+    children?: React.ReactNode;
+    /**
+     * Ref forwarded to the affix section wrapper element.
+     */
+    ref?: React.Ref<HTMLSpanElement>;
+    /**
+     * Inline style overrides applied to the affix section.
+     */
+    styles?: {
+        /**
+         * Inline style override applied to the affix section container.
+         */
+        root?: React.CSSProperties;
+        /**
+         * Inline style override applied to the text within the section.
+         */
+        text?: React.CSSProperties;
+    };
+    /**
+     * Class name overrides applied to the affix section.
+     */
+    classNames?: {
+        /**
+         * Class name override applied to the affix section container.
+         */
+        root?: string;
+        /**
+         * Class name override applied to the text within the section.
+         */
+        text?: string;
+    };
+};
+export type RollingNumberValueSectionProps = TextProps<TextDefaultElement> & {
+    /**
+     * Parts provided by Intl.NumberFormat used to render the formatted value.
+     */
+    intlNumberParts: KeyedNumberPart[];
+    /**
+     * Component used to render numeric digits within the section.
+     */
+    RollingNumberDigitComponent?: RollingNumberDigitComponent;
+    /**
+     * Component used to render non-digit symbols within the section.
+     */
+    RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
+    /**
+     * Component used to mask and animate digit transitions.
+     */
+    RollingNumberMaskComponent?: RollingNumberMaskComponent;
+    /**
+     * Preformatted string rendered instead of intlNumberParts when provided.
+     */
+    formattedValue?: string;
+    /**
+     * Transition overrides applied to digit and symbol animations.
+     */
+    transitionConfig?: RollingNumberTransitionConfig;
+    /**
+     * Inline style overrides applied to the value section.
+     */
+    styles?: {
+        /**
+         * Inline style override applied to the section container.
+         */
+        root?: React.CSSProperties;
+        /**
+         * Inline style override applied to text within the section.
+         */
+        text?: React.CSSProperties;
+    };
+    /**
+     * Class name overrides applied to the value section.
+     */
+    classNames?: {
+        /**
+         * Class name override applied to the section container.
+         */
+        root?: string;
+        /**
+         * Class name override applied to text within the section.
+         */
+        text?: string;
+    };
+    /**
+     * Ref forwarded to the section container element.
+     */
+    ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberDigitProps = TextProps<TextDefaultElement> & {
+    /**
+     * Digit currently displayed in the animated column.
+     */
+    value: number;
+    /**
+     * Digit displayed during the initial render.
+     */
+    initialValue?: number;
+    /**
+     * Transition overrides applied to the digit animation.
+     */
+    transitionConfig?: RollingNumberTransitionConfig;
+    /**
+     * Component used to mask the digit column.
+     */
+    RollingNumberMaskComponent?: RollingNumberMaskComponent;
+    /**
+     * Inline style overrides applied to the digit component.
+     */
+    styles?: {
+        /**
+         * Inline style override applied to the digit container.
+         */
+        root?: React.CSSProperties;
+        /**
+         * Inline style override applied to the digit text.
+         */
+        text?: React.CSSProperties;
+    };
+    /**
+     * Class name overrides applied to the digit component.
+     */
+    classNames?: {
+        /**
+         * Class name override applied to the digit container.
+         */
+        root?: string;
+        /**
+         * Class name override applied to the digit text.
+         */
+        text?: string;
+    };
+    /**
+     * Ref forwarded to the digit container element.
+     */
+    ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberSymbolProps = TextProps<TextDefaultElement> & {
+    /**
+     * Literal symbol rendered within the number stream.
+     */
+    value: string;
+    /**
+     * Inline style overrides applied to the symbol component.
+     */
+    styles?: {
+        /**
+         * Inline style override applied to the symbol container.
+         */
+        root?: React.CSSProperties;
+        /**
+         * Inline style override applied to the symbol text.
+         */
+        text?: React.CSSProperties;
+    };
+    /**
+     * Class name overrides applied to the symbol component.
+     */
+    classNames?: {
+        /**
+         * Class name override applied to the symbol container.
+         */
+        root?: string;
+        /**
+         * Class name override applied to the symbol text.
+         */
+        text?: string;
+    };
+    /**
+     * Ref forwarded to the symbol container element.
+     */
+    ref?: React.Ref<HTMLSpanElement>;
+};
+export type RollingNumberMaskComponent = React.FC<RollingNumberMaskProps>;
+export type RollingNumberAffixSectionComponent = React.FC<RollingNumberAffixSectionProps>;
+export type RollingNumberDigitComponent = React.FC<RollingNumberDigitProps>;
+export type RollingNumberSymbolComponent = React.FC<RollingNumberSymbolProps>;
+export type RollingNumberValueSectionComponent = React.FC<RollingNumberValueSectionProps>;
+export type RollingNumberBaseProps = SharedProps & TextBaseProps & {
+    /**
+     * Number to display.
+     */
+    value: number;
+    /**
+     * Intl.NumberFormat options applied when formatting the value. Scientific and engineering notation are not supported.
+     */
+    format?: Omit<Intl.NumberFormatOptions, 'notation'> & {
+        notation?: Extract<Intl.NumberFormatOptions['notation'], 'standard' | 'compact'>;
+    };
+    /**
+     * Preformatted value rendered instead of formatting {@link value}. {@link value} is still used to determine numeric deltas.
+     */
+    formattedValue?: string;
+    /**
+     * Content rendered before the formatted value.
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Content rendered after the formatted value.
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Component used to render the mask container.
+     */
+    RollingNumberMaskComponent?: RollingNumberMaskComponent;
+    /**
+     * Component used to render prefix and suffix sections.
+     */
+    RollingNumberAffixSectionComponent?: RollingNumberAffixSectionComponent;
+    /**
+     * Component used to render the numeric sections.
+     */
+    RollingNumberValueSectionComponent?: RollingNumberValueSectionComponent;
+    /**
+     * Component used to render individual digits.
+     */
+    RollingNumberDigitComponent?: RollingNumberDigitComponent;
+    /**
+     * Component used to render separators and other symbols.
+     */
+    RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
+    /**
+     * Locale used for formatting. Defaults to the locale from {@link LocaleProvider}.
+     */
+    locale?: Intl.LocalesArgument;
+    /**
+     * Base text color token. When {@link colorPulseOnUpdate} is true, the color briefly pulses to a positive or negative mid color before returning to this base color. Defaults to {@code 'fg'}.
+     */
+    color?: ThemeVars.Color;
+    /**
+     * Enables color pulsing on positive or negative changes. Defaults to {@code false}.
+     */
+    colorPulseOnUpdate?: boolean;
+    /**
+     * Color token used for positive numeric changes. Defaults to {@code 'fgPositive'}.
+     */
+    positivePulseColor?: ThemeVars.Color;
+    /**
+     * Color token used for negative numeric changes. Defaults to {@code 'fgNegative'}.
+     */
+    negativePulseColor?: ThemeVars.Color;
+    /**
+     * Enables subscript notation for leading zeros in the fractional part (for example, {@code 0.00009 => 0.0₄9}).
+     */
+    enableSubscriptNotation?: boolean;
+    /**
+     * Framer Motion transition overrides. Supports per-property overrides for {@code y} and {@code color} only.
+     */
+    transition?: RollingNumberTransitionConfig;
+    /**
+     * Accessibility label prefix announced before the value.
+     */
+    accessibilityLabelPrefix?: string;
+    /**
+     * Accessibility label suffix announced after the value.
+     */
+    accessibilityLabelSuffix?: string;
+    /**
+     * aria-live politeness level. Defaults to {@code 'polite'}.
+     */
+    ariaLive?: React.AriaAttributes['aria-live'];
+    /**
+     * Enables tabular figures on the underlying {@link Text}. Defaults to {@code true}.
+     */
+    tabularNumbers?: boolean;
+};
+export type RollingNumberProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, RollingNumberBaseProps & {
+    /**
+     * Class name overrides applied to RollingNumber slots.
+     */
+    classNames?: {
+        /**
+         * Class override applied to the outer container element.
+         */
+        root?: string;
+        /**
+         * Class override applied to the animated content wrapper that is visually rendered.
+         */
+        visibleContent?: string;
+        /**
+         * Class override applied to the wrapper for the formatted numeric value.
+         */
+        formattedValueSection?: string;
+        /**
+         * Class override applied to the prefix section rendered from props.
+         */
+        prefix?: string;
+        /**
+         * Class override applied to the suffix section rendered from props.
+         */
+        suffix?: string;
+        /**
+         * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+         */
+        i18nPrefix?: string;
+        /**
+         * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+         */
+        i18nSuffix?: string;
+        /**
+         * Class override applied to the integer portion of the formatted value.
+         */
+        integer?: string;
+        /**
+         * Class override applied to the fractional portion of the formatted value.
+         */
+        fraction?: string;
+        /**
+         * Class override applied to the Text component rendering digits and symbols.
+         */
+        text?: string;
+    };
+    /**
+     * Inline style overrides applied to RollingNumber slots.
+     */
+    styles?: {
+        /**
+         * Inline style override applied to the outer container element.
+         */
+        root?: React.CSSProperties;
+        /**
+         * Inline style override applied to the animated content wrapper that is visually rendered.
+         */
+        visibleContent?: React.CSSProperties;
+        /**
+         * Inline style override applied to the wrapper for the formatted numeric value.
+         */
+        formattedValueSection?: React.CSSProperties;
+        /**
+         * Inline style override applied to the prefix section rendered from props.
+         */
+        prefix?: React.CSSProperties;
+        /**
+         * Inline style override applied to the suffix section rendered from props.
+         */
+        suffix?: React.CSSProperties;
+        /**
+         * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+         */
+        i18nPrefix?: React.CSSProperties;
+        /**
+         * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+         */
+        i18nSuffix?: React.CSSProperties;
+        /**
+         * Inline styles applied to the integer portion of the formatted value.
+         */
+        integer?: React.CSSProperties;
+        /**
+         * Inline styles applied to the fractional portion of the formatted value.
+         */
+        fraction?: React.CSSProperties;
+        /**
+         * Inline styles applied to the Text component rendering digits and symbols.
+         */
+        text?: React.CSSProperties;
+    };
+}>;
+export declare const rollingNumberDefaultElement = "span";
+export type RollingNumberDefaultElement = typeof rollingNumberDefaultElement;
+type RollingNumberComponent = (<AsComponent extends React.ElementType = RollingNumberDefaultElement>(props: RollingNumberProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const RollingNumber: RollingNumberComponent;
+export {};
+//# sourceMappingURL=RollingNumber.d.ts.map

package/dts/numbers/RollingNumber/RollingNumber.d.ts.map

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

package/dts/numbers/RollingNumber/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DefaultRollingNumberAffixSection';
+export * from './DefaultRollingNumberDigit';
+export * from './DefaultRollingNumberMask';
+export * from './DefaultRollingNumberSymbol';
+export * from './DefaultRollingNumberValueSection';
+export * from './RollingNumber';
+//# sourceMappingURL=index.d.ts.map

package/dts/numbers/RollingNumber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC"}

package/dts/numbers/RollingNumber/useColorPulse.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+export declare function useColorPulse({ value, formatted, defaultColor, colorPulseOnUpdate, positivePulseColor, negativePulseColor, }: {
+    value: number;
+    formatted: string;
+    defaultColor: ThemeVars.Color;
+    colorPulseOnUpdate: boolean;
+    positivePulseColor: ThemeVars.Color;
+    negativePulseColor: ThemeVars.Color;
+}): import("framer-motion").AnimationControls;
+//# sourceMappingURL=useColorPulse.d.ts.map

package/dts/numbers/RollingNumber/useColorPulse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorPulse.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/useColorPulse.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;IACpC,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;CACrC,6CAwCA"}

package/dts/numbers/__stories__/RollingNumber.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: (<AsComponent extends React.ElementType = "span">(props: import("..").RollingNumberProps<AsComponent>) => import("../..").Polymorphic.ReactReturn) & import("../..").Polymorphic.ReactNamed;
+};
+export default _default;
+export declare const Examples: () => import("react/jsx-runtime").JSX.Element;
+export declare const FontCustomization: () => import("react/jsx-runtime").JSX.Element;
+export declare const ColorAndTransition: () => import("react/jsx-runtime").JSX.Element;
+export declare const Polymorphism: () => import("react/jsx-runtime").JSX.Element;
+export declare const Format: () => import("react/jsx-runtime").JSX.Element;
+export declare const PrefixAndSuffix: () => import("react/jsx-runtime").JSX.Element;
+export declare const StyleOverrides: () => import("react/jsx-runtime").JSX.Element;
+export declare const Subscript: () => import("react/jsx-runtime").JSX.Element;
+export declare const UserProvidedFormattedValue: () => import("react/jsx-runtime").JSX.Element;
+export declare const Accessibility: () => import("react/jsx-runtime").JSX.Element;
+export declare const Fun: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RollingNumber.stories.d.ts.map

package/dts/numbers/__stories__/RollingNumber.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RollingNumber.stories.d.ts","sourceRoot":"","sources":["../../../src/numbers/__stories__/RollingNumber.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;;AAYnD,wBAGE;AAEF,eAAO,MAAM,QAAQ,+CAsEpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CA+C7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CA6E9B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAQxB,CAAC;AA8BF,eAAO,MAAM,MAAM,+CAkBlB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAyC3B,CAAC;AAEF,eAAO,MAAM,cAAc,+CAqC1B,CAAC;AAkBF,eAAO,MAAM,SAAS,+CAgCrB,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CA6CtC,CAAC;AAEF,eAAO,MAAM,aAAa,+CAuBzB,CAAC;AAEF,eAAO,MAAM,GAAG,+CA8Nf,CAAC"}

package/dts/numbers/__tests__/RollingNumber.a11y.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RollingNumber.a11y.test.d.ts.map

package/dts/numbers/__tests__/RollingNumber.a11y.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RollingNumber.a11y.test.d.ts","sourceRoot":"","sources":["../../../src/numbers/__tests__/RollingNumber.a11y.test.tsx"],"names":[],"mappings":""}

package/dts/numbers/index.d.ts

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

package/dts/numbers/index.d.ts.map

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

package/dts/overlays/Alert.d.ts

@@ -0,0 +1,93 @@
+import type { ButtonVariant, IllustrationPictogramNames, PositionStyles, SharedProps } from '@coinbase/cds-common/types';
+import { type ModalBaseProps, type ModalRefBaseProps } from './modal/Modal';
+export type AlertBaseProps = SharedProps & Pick<PositionStyles, 'zIndex'> & Pick<ModalBaseProps, 'onRequestClose' | 'visible' | 'onDidClose' | 'disablePortal' | 'accessibilityLabel' | 'accessibilityLabelledBy'> & {
+    /**
+     * Indicating if Alert is stacked on top of Modal
+     */
+    stacked?: boolean;
+    /**
+     * Alert title
+     */
+    title: string;
+    /**
+     * Alert body/description
+     */
+    body: string;
+    /**
+     * Illustration pictogram name for alert
+     */
+    pictogram?: IllustrationPictogramNames;
+    /**
+     * Label of the preferred action
+     */
+    preferredActionLabel: string;
+    /**
+     * Callback function fired when the preferred action is pressed
+     */
+    onPreferredActionPress?: () => void;
+    /**
+     * Button variant of the preferred action
+     * @default primary
+     */
+    preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
+    /**
+     * Label of the dismiss action
+     */
+    dismissActionLabel?: string;
+    /**
+     * Callback function fired when the dismiss action is pressed
+     */
+    onDismissActionPress?: () => void;
+    /**
+     * Layout of the actions
+     * @default horizontal
+     */
+    actionLayout?: 'horizontal' | 'vertical';
+};
+export type AlertProps = AlertBaseProps;
+export declare const alertModalWidth = 318;
+export declare const Alert: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SharedProps & Pick<PositionStyles, "zIndex"> & Pick<ModalBaseProps, "visible" | "accessibilityLabel" | "accessibilityLabelledBy" | "disablePortal" | "onDidClose" | "onRequestClose"> & {
+    /**
+     * Indicating if Alert is stacked on top of Modal
+     */
+    stacked?: boolean;
+    /**
+     * Alert title
+     */
+    title: string;
+    /**
+     * Alert body/description
+     */
+    body: string;
+    /**
+     * Illustration pictogram name for alert
+     */
+    pictogram?: IllustrationPictogramNames;
+    /**
+     * Label of the preferred action
+     */
+    preferredActionLabel: string;
+    /**
+     * Callback function fired when the preferred action is pressed
+     */
+    onPreferredActionPress?: () => void;
+    /**
+     * Button variant of the preferred action
+     * @default primary
+     */
+    preferredActionVariant?: Extract<ButtonVariant, "primary" | "negative">;
+    /**
+     * Label of the dismiss action
+     */
+    dismissActionLabel?: string;
+    /**
+     * Callback function fired when the dismiss action is pressed
+     */
+    onDismissActionPress?: () => void;
+    /**
+     * Layout of the actions
+     * @default horizontal
+     */
+    actionLayout?: "horizontal" | "vertical";
+} & import("react").RefAttributes<ModalRefBaseProps>>>;
+//# sourceMappingURL=Alert.d.ts.map

package/dts/overlays/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/overlays/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,WAAW,EAEZ,MAAM,4BAA4B,CAAC;AAQpC,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAInF,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAC9B,IAAI,CACF,cAAc,EACZ,gBAAgB,GAChB,SAAS,GACT,YAAY,GACZ,eAAe,GACf,oBAAoB,GACpB,yBAAyB,CAC5B,GAAG;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;IACxE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC1C,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,KAAK;IAhDd;;OAEG;cACO,OAAO;IACjB;;OAEG;WACI,MAAM;IACb;;OAEG;UACG,MAAM;IACZ;;OAEG;gBACS,0BAA0B;IACtC;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;6BACsB,MAAM,IAAI;IACnC;;;OAGG;6BACsB,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE;;OAEG;yBACkB,MAAM;IAC3B;;OAEG;2BACoB,MAAM,IAAI;IACjC;;;OAGG;mBACY,YAAY,GAAG,UAAU;sDA0I3C,CAAC"}

package/dts/overlays/FocusTrap.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+export type FocusTrapProps = {
+    children: ReactElement;
+    onEscPress?: () => void;
+    /**
+     * Use for editable Search Input components to ensure focus is correctly applied
+     */
+    disableTypeFocus?: boolean;
+    /**
+     * Disables the focus trap to allow normal keyboard navigation.
+     */
+    disableFocusTrap?: boolean;
+    /**
+     * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
+     * replace it to the last focused element when it closes.
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * If `true`, the focus trap will restore focus to the previously focused element when it unmounts.
+     * @default false
+     */
+    restoreFocusOnUnmount?: boolean;
+    /**
+     * If `true`, the focus trap will respect negative `tabIndex` values, removing them from the list of focusable elements.
+     * @default false
+     */
+    respectNegativeTabIndex?: boolean;
+    /**
+     * If `true`, the focus trap will include all elements with `tabIndex` values in the list of focusable elements.
+     * @default false
+     */
+    focusTabIndexElements?: boolean;
+    /**
+     * The amount of time in milliseconds to wait before auto-focusing the first focusable element.
+     * @default undefined
+     */
+    autoFocusDelay?: number;
+};
+export declare const FocusTrap: React.NamedExoticComponent<FocusTrapProps>;
+//# sourceMappingURL=FocusTrap.d.ts.map

package/dts/overlays/FocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/overlays/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAMrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAkCF,eAAO,MAAM,SAAS,4CAwPpB,CAAC"}