@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/hooks/useDimensions.d.ts

@@ -0,0 +1,63 @@
+import type { RefObject } from 'react';
+export declare const observerErr = "\uD83D\uDCA1 react-cool-dimensions: the browser doesn't support Resize Observer, please use polyfill: https://github.com/wellyshen/react-cool-dimensions#resizeobserver-polyfill";
+export declare const borderBoxWarn = "\uD83D\uDCA1 react-cool-dimensions: the browser doesn't support border-box size, fallback to content-box size. Please see: https://github.com/wellyshen/react-cool-dimensions#border-box-size-measurement";
+type State = {
+    currentBreakpoint: string;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    entry?: ResizeObserverEntry;
+};
+export type Event<T> = {
+    entry: ResizeObserverEntry;
+    observe: (element: T | null) => void;
+    unobserve: () => void;
+} & State;
+type OnResize<T> = {
+    (event: Event<T>): void;
+};
+type ShouldUpdate = {
+    (state: State): boolean;
+};
+type Breakpoints = Record<string, number>;
+export type Options<T> = {
+    ref?: RefObject<T> | null;
+    useBorderBoxSize?: boolean;
+    breakpoints?: Breakpoints;
+    updateOnBreakpointChange?: boolean;
+    shouldUpdate?: ShouldUpdate;
+    onResize?: OnResize<T>;
+    polyfill?: any;
+};
+type Return<T> = {
+    ref: RefObject<T>;
+    entry?: ResizeObserverEntry;
+} & Omit<Event<T>, 'entry'>;
+/**
+ *
+ * Ported from react-cool-dimensions
+ * @link https://github.com/wellyshen/react-cool-dimensions
+ * Copyright (c) 2020 Welly Shen
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+ */
+export declare const useDimensions: <T extends HTMLElement>({ ref: refOpt, useBorderBoxSize, breakpoints, updateOnBreakpointChange, shouldUpdate, onResize, polyfill, }?: Options<T>) => Return<T>;
+export {};
+//# sourceMappingURL=useDimensions.d.ts.map

package/dts/hooks/useDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensions.d.ts","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,WAAW,qLACkJ,CAAC;AAC3K,eAAO,MAAM,aAAa,8MACyK,CAAC;AAEpM,KAAK,KAAK,GAAG;IACX,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,KAAK,CAAC;AACV,KAAK,QAAQ,CAAC,CAAC,IAAI;IACjB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CACzB,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;CACzB,CAAC;AACF,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;IACvB,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEvB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AACF,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAkB5B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,8GASlD,OAAO,CAAC,CAAC,CAAM,KAAG,MAAM,CAAC,CAAC,CAqI5B,CAAC"}

package/dts/hooks/useEventHandler.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Avoid having to deal with transitive version issues.
+ * CDS common is dep of cds-mobile.
+ * This allows consumers to pull directly from cds-web.
+ */
+export { useEventHandler } from '@coinbase/cds-common/hooks/useEventHandler';
+//# sourceMappingURL=useEventHandler.d.ts.map

package/dts/hooks/useEventHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventHandler.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventHandler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC"}

package/dts/hooks/useHasMounted.d.ts

@@ -0,0 +1,2 @@
+export declare const useHasMounted: () => boolean;
+//# sourceMappingURL=useHasMounted.d.ts.map

package/dts/hooks/useHasMounted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHasMounted.d.ts","sourceRoot":"","sources":["../../src/hooks/useHasMounted.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,eAOzB,CAAC"}

package/dts/hooks/useIsBrowser.d.ts

@@ -0,0 +1,3 @@
+/** Checks to see that there is a window and the DOM has mounted */
+export declare const useIsBrowser: () => boolean;
+//# sourceMappingURL=useIsBrowser.d.ts.map

package/dts/hooks/useIsBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsBrowser.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsBrowser.ts"],"names":[],"mappings":"AAIA,mEAAmE;AACnE,eAAO,MAAM,YAAY,eAGxB,CAAC"}

package/dts/hooks/useIsoEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsoEffect: typeof useEffect;
+//# sourceMappingURL=useIsoEffect.d.ts.map

package/dts/hooks/useIsoEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsoEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsoEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,YAAY,kBAA4C,CAAC"}

package/dts/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+export declare const useMediaQuery: (query: string) => boolean;
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dts/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,OAmB7C,CAAC"}

package/dts/hooks/useScrollBlocker.d.ts

@@ -0,0 +1,2 @@
+export declare const useScrollBlocker: () => (shouldBlock: boolean) => void;
+//# sourceMappingURL=useScrollBlocker.d.ts.map

package/dts/hooks/useScrollBlocker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlocker.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollBlocker.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,sBAGmB,OAAO,SAgCtD,CAAC"}

package/dts/hooks/useTheme.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../core/theme';
+/** Returns the currently active Theme, determined by the ThemeProvider's `activeColorScheme`. */
+export declare const useTheme: () => Theme;
+//# sourceMappingURL=useTheme.d.ts.map

package/dts/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,iGAAiG;AACjG,eAAO,MAAM,QAAQ,QAAO,KAI3B,CAAC"}

package/dts/hooks/useThemeContext.d.ts

@@ -0,0 +1,8 @@
+import { type ThemeContextValue } from '../system/ThemeProvider';
+/**
+ * Fetches the ThemeContextValue and verifies it is defined, so it must be used inside a ThemeProvider.
+ *
+ * If you instead need to fetch the ThemeContextValue without throwing an error when the context is undefined, you can use `useContext(ThemeContext)` instead.
+ */
+export declare const useThemeContext: () => ThemeContextValue;
+//# sourceMappingURL=useThemeContext.d.ts.map

package/dts/hooks/useThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useThemeContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,iBAIlC,CAAC"}

package/dts/icons/Icon.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { IconName, SharedProps } from '@coinbase/cds-common/types';
+import type { IconSize, IconSourcePixelSize } from '@coinbase/cds-common/types/IconSize';
+import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout/Box';
+export type IconBaseProps = SharedProps & Pick<BoxBaseProps, 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingEnd' | 'paddingBottom' | 'paddingStart'> & {
+    /**
+     * Size for a given icon.
+     * @default m
+     */
+    size?: IconSize;
+    /** Name of the icon, as defined in Figma. */
+    name: IconName;
+    /**
+     * Fallback element to render if unable to find an icon with matching name
+     * @default null
+     * */
+    fallback?: null | React.ReactNode;
+    /**
+     * Toggles the active and inactive state of the navigation icon
+     * @default false
+     */
+    active?: boolean;
+    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+    dangerouslySetColor?: string;
+};
+export type IconProps = IconBaseProps & BoxProps<BoxDefaultElement> & {
+    styles?: {
+        /** TO DO: Document this prop */
+        root?: React.CSSProperties;
+        /** TO DO: Document this prop */
+        icon?: React.CSSProperties;
+    };
+    classNames?: {
+        /** TO DO: Document this prop */
+        root?: string;
+        /** TO DO: Document this prop */
+        icon?: string;
+    };
+};
+declare const getIconSourceSize: (iconSize: number) => IconSourcePixelSize;
+export declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLElement>>>;
+export { getIconSourceSize };
+//# sourceMappingURL=Icon.d.ts.map

package/dts/icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AACvF,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAOzF,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9F,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CACF,YAAY,EACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,cAAc,CACjB,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;SAGK;IACL,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,QAAQ,CAAC,iBAAiB,CAAC,GAAG;IAC5B,MAAM,CAAC,EAAE;QACP,gCAAgC;QAChC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,gCAAgC;QAChC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;IACF,UAAU,CAAC,EAAE;QACX,gCAAgC;QAChC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,gCAAgC;QAChC,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AA2CJ,QAAA,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,mBAI7C,CAAC;AAEF,eAAO,MAAM,IAAI,uHA8EhB,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dts/icons/LogoMark.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LogoMarkParams } from '@coinbase/cds-common/hooks/useLogo';
+export declare const LogoMark: React.MemoExoticComponent<({ size, foreground }: Omit<LogoMarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=LogoMark.d.ts.map

package/dts/icons/LogoMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoMark.d.ts","sourceRoot":"","sources":["../../src/icons/LogoMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAuBzE,eAAO,MAAM,QAAQ,mDAA+B,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,6CAsBrF,CAAC"}

package/dts/icons/LogoWordmark.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LogoWordmarkParams } from '@coinbase/cds-common/hooks/useLogo';
+export declare const LogoWordmark: React.MemoExoticComponent<({ foreground }: Omit<LogoWordmarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=LogoWordmark.d.ts.map

package/dts/icons/LogoWordmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWordmark.d.ts","sourceRoot":"","sources":["../../src/icons/LogoWordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAuB7E,eAAO,MAAM,YAAY,6CAAyB,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,6CAiBvF,CAAC"}

package/dts/icons/SubBrandLogoMark.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SubBrandLogoMarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+export declare const SubBrandLogoMark: React.MemoExoticComponent<({ type, foreground }: Omit<SubBrandLogoMarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=SubBrandLogoMark.d.ts.map

package/dts/icons/SubBrandLogoMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubBrandLogoMark.d.ts","sourceRoot":"","sources":["../../src/icons/SubBrandLogoMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAuBzF,eAAO,MAAM,gBAAgB,mDACJ,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC,6CA2BnE,CAAC"}

package/dts/icons/SubBrandLogoWordmark.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SubBrandLogoWordmarkParams } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+export declare const SubBrandLogoWordmark: React.MemoExoticComponent<(props: Omit<SubBrandLogoWordmarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=SubBrandLogoWordmark.d.ts.map

package/dts/icons/SubBrandLogoWordmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubBrandLogoWordmark.d.ts","sourceRoot":"","sources":["../../src/icons/SubBrandLogoWordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAuB7F,eAAO,MAAM,oBAAoB,oCACvB,IAAI,CAAC,0BAA0B,EAAE,aAAa,CAAC,6CA2BxD,CAAC"}

package/dts/icons/__figma__/Icon.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Icon.figma.d.ts.map

package/dts/icons/__figma__/Icon.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/Icon.figma.tsx"],"names":[],"mappings":""}

package/dts/icons/__figma__/LogoMark.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LogoMark.figma.d.ts.map

package/dts/icons/__figma__/LogoMark.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoMark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/LogoMark.figma.tsx"],"names":[],"mappings":""}

package/dts/icons/__figma__/LogoWordmark.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LogoWordmark.figma.d.ts.map

package/dts/icons/__figma__/LogoWordmark.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoWordmark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/LogoWordmark.figma.tsx"],"names":[],"mappings":""}

package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SubBrandLogoMark.figma.d.ts.map

package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubBrandLogoMark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/SubBrandLogoMark.figma.tsx"],"names":[],"mappings":""}

package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SubBrandLogoWordmark.figma.d.ts.map

package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubBrandLogoWordmark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/SubBrandLogoWordmark.figma.tsx"],"names":[],"mappings":""}

package/dts/icons/__stories__/Icon.stories.d.ts

@@ -0,0 +1,20 @@
+/**
+ * DO NOT MODIFY
+ * Generated from yarn nx run icons:generate-stories
+ */
+declare const _default: {
+    title: string;
+    component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("..").IconProps, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+};
+export default _default;
+export declare const IconSheet1: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet2: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet3: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet4: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet5: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet6: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet7: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet8: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet9: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSheet10: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.stories.d.ts.map

package/dts/icons/__stories__/Icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/icons/__stories__/Icon.stories.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;;;;AAMH,wBAGE;AAGF,eAAO,MAAM,UAAU,+CAAmD,CAAC;AAC3E,eAAO,MAAM,UAAU,+CAAqD,CAAC;AAC7E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,UAAU,+CAAsD,CAAC;AAC9E,eAAO,MAAM,WAAW,+CAAsD,CAAC"}

package/dts/icons/__stories__/IconSheet.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type IconSheetProps = {
+    startIndex?: number;
+    endIndex?: number;
+};
+export declare const IconSheet: React.NamedExoticComponent<IconSheetProps>;
+export {};
+//# sourceMappingURL=IconSheet.d.ts.map

package/dts/icons/__stories__/IconSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSheet.d.ts","sourceRoot":"","sources":["../../../src/icons/__stories__/IconSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAsB7C,KAAK,cAAc,GAAG;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,4CAoCpB,CAAC"}

package/dts/icons/__stories__/Logo.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: import("react").MemoExoticComponent<({ size, foreground }: Omit<import("@coinbase/cds-common/hooks/useLogo").LogoMarkParams, "colorScheme">) => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;
+export declare const LogoSheet: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Logo.stories.d.ts.map

package/dts/icons/__stories__/Logo.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.stories.d.ts","sourceRoot":"","sources":["../../../src/icons/__stories__/Logo.stories.tsx"],"names":[],"mappings":";;;;AAQA,wBAGE;AAEF,eAAO,MAAM,SAAS,+CAgKrB,CAAC"}

package/dts/icons/__tests__/Icon.perf-test.d.ts

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

package/dts/icons/__tests__/Icon.perf-test.d.ts.map

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

package/dts/icons/__tests__/Icon.test.d.ts

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

package/dts/icons/__tests__/Icon.test.d.ts.map

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

package/dts/icons/__tests__/LogoMark.test.d.ts

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

package/dts/icons/__tests__/LogoMark.test.d.ts.map

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

package/dts/icons/__tests__/LogoWordMark.test.d.ts

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

package/dts/icons/__tests__/LogoWordMark.test.d.ts.map

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

package/dts/icons/__tests__/SubBrandLogoMark.test.d.ts

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

package/dts/icons/__tests__/SubBrandLogoMark.test.d.ts.map

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

package/dts/icons/__tests__/SubBrandLogoWordmark.test.d.ts

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

package/dts/icons/__tests__/SubBrandLogoWordmark.test.d.ts.map

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

package/dts/icons/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Icon';
+export * from './LogoMark';
+export * from './LogoWordmark';
+export * from './SubBrandLogoMark';
+export * from './SubBrandLogoWordmark';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}

package/dts/illustrations/HeroSquare.d.ts

@@ -0,0 +1,12 @@
+import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
+export type HeroSquareBaseProps = IllustrationBaseProps<'heroSquare'> & IllustrationA11yProps & {
+    /**
+     * HeroSquare dimensions.
+     * @default  240x240
+     * */
+    dimension?: IllustrationDimensionsMap['heroSquare'];
+};
+export type HeroSquareProps = HeroSquareBaseProps;
+export declare const HeroSquare: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"heroSquare">>;
+export type { HeroSquareName } from '@coinbase/cds-illustrations/__generated__/heroSquare/types/HeroSquareName';
+//# sourceMappingURL=HeroSquare.d.ts.map

package/dts/illustrations/HeroSquare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSquare.d.ts","sourceRoot":"","sources":["../../src/illustrations/HeroSquare.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,YAAY,CAAC,GACnE,qBAAqB,GAAG;IACtB;;;SAGK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;CACrD,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,eAAO,MAAM,UAAU,kHAAyD,CAAC;AAEjF,YAAY,EAAE,cAAc,EAAE,MAAM,2EAA2E,CAAC"}

package/dts/illustrations/Pictogram.d.ts

@@ -0,0 +1,11 @@
+import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
+export declare const Pictogram: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"pictogram">>;
+export type PictogramBaseProps = IllustrationBaseProps<'pictogram'> & IllustrationA11yProps & {
+    /**
+     * @default 48x48
+     * */
+    dimension?: IllustrationDimensionsMap['pictogram'];
+};
+export type PictogramProps = PictogramBaseProps;
+export type { PictogramName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=Pictogram.d.ts.map

package/dts/illustrations/Pictogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../src/illustrations/Pictogram.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,SAAS,iHAAuD,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,WAAW,CAAC,GACjE,qBAAqB,GAAG;IACtB;;SAEK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;CACpD,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/SpotIcon.d.ts

@@ -0,0 +1,11 @@
+import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
+export declare const SpotIcon: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"spotIcon">>;
+export type SpotIconBaseProps = IllustrationBaseProps<'spotIcon'> & IllustrationA11yProps & {
+    /**
+     * @default 32x32
+     * */
+    dimension?: IllustrationDimensionsMap['spotSquare'];
+};
+export type SpotIconProps = SpotIconBaseProps;
+export type { SpotIconName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=SpotIcon.d.ts.map

package/dts/illustrations/SpotIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotIcon.d.ts","sourceRoot":"","sources":["../../src/illustrations/SpotIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,QAAQ,gHAAqD,CAAC;AAE3E,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAC/D,qBAAqB,GAAG;IACtB;;SAEK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;CACrD,CAAC;AACJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/SpotRectangle.d.ts

@@ -0,0 +1,12 @@
+import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
+export type SpotRectangleBaseProps = IllustrationBaseProps<'spotRectangle'> & IllustrationA11yProps & {
+    /**
+     * SpotRectangle dimensions
+     * @default 240x120
+     * */
+    dimension?: IllustrationDimensionsMap['spotRectangle'];
+};
+export type SpotRectangleProps = SpotRectangleBaseProps;
+export declare const SpotRectangle: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"spotRectangle">>;
+export type { SpotRectangleName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=SpotRectangle.d.ts.map

package/dts/illustrations/SpotRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotRectangle.d.ts","sourceRoot":"","sources":["../../src/illustrations/SpotRectangle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,eAAe,CAAC,GACzE,qBAAqB,GAAG;IACtB;;;SAGK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;CACxD,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAExD,eAAO,MAAM,aAAa,qHAA+D,CAAC;AAE1F,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/SpotSquare.d.ts

@@ -0,0 +1,11 @@
+import { type IllustrationA11yProps, type IllustrationBaseProps, type IllustrationDimensionsMap } from './createIllustration';
+export declare const SpotSquare: import("react").NamedExoticComponent<import("./createIllustration").IllustrationBasePropsWithA11y<"spotSquare">>;
+export type SpotSquareBaseProps = IllustrationBaseProps<'spotSquare'> & IllustrationA11yProps & {
+    /**
+     * @default 96x96
+     * */
+    dimension?: IllustrationDimensionsMap['spotSquare'];
+};
+export type SpotSquareProps = SpotSquareBaseProps;
+export type { SpotSquareName } from '@coinbase/cds-illustrations';
+//# sourceMappingURL=SpotSquare.d.ts.map

package/dts/illustrations/SpotSquare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotSquare.d.ts","sourceRoot":"","sources":["../../src/illustrations/SpotSquare.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,UAAU,kHAAyD,CAAC;AAEjF,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,YAAY,CAAC,GACnE,qBAAqB,GAAG;IACtB;;SAEK;IACL,SAAS,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;CACrD,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/illustrations/__figma__/HeroSquare.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HeroSquare.figma.d.ts.map

package/dts/illustrations/__figma__/HeroSquare.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSquare.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/HeroSquare.figma.tsx"],"names":[],"mappings":""}

package/dts/illustrations/__figma__/Pictogram.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Pictogram.figma.d.ts.map

package/dts/illustrations/__figma__/Pictogram.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pictogram.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/Pictogram.figma.tsx"],"names":[],"mappings":""}

package/dts/illustrations/__figma__/SpotIcon.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SpotIcon.figma.d.ts.map

package/dts/illustrations/__figma__/SpotIcon.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotIcon.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/SpotIcon.figma.tsx"],"names":[],"mappings":""}

package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SpotRectangle.figma.d.ts.map

package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotRectangle.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/SpotRectangle.figma.tsx"],"names":[],"mappings":""}

package/dts/illustrations/__figma__/SpotSquare.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SpotSquare.figma.d.ts.map

package/dts/illustrations/__figma__/SpotSquare.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotSquare.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/SpotSquare.figma.tsx"],"names":[],"mappings":""}

package/dts/illustrations/__stories__/HeroSquare.stories.d.ts

@@ -0,0 +1,15 @@
+/**
+ * DO NOT MODIFY
+ * Generated from yarn nx run illustrations:generate-stories
+ */
+declare const _default: {
+    title: string;
+    component: import("react").NamedExoticComponent<import("../createIllustration").IllustrationBasePropsWithA11y<"heroSquare">>;
+};
+export default _default;
+export declare const heroSquare: () => import("react/jsx-runtime").JSX.Element;
+export declare const HeroSquareSheet1: () => import("react/jsx-runtime").JSX.Element;
+export declare const HeroSquareSheet2: () => import("react/jsx-runtime").JSX.Element;
+export declare const HeroSquareSheet3: () => import("react/jsx-runtime").JSX.Element;
+export declare const HeroSquareSheet4: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeroSquare.stories.d.ts.map

package/dts/illustrations/__stories__/HeroSquare.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSquare.stories.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__stories__/HeroSquare.stories.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;;;;AAOH,wBAGE;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC;AAGF,eAAO,MAAM,gBAAgB,+CAI3B,CAAC;AACH,eAAO,MAAM,gBAAgB,+CAI3B,CAAC;AACH,eAAO,MAAM,gBAAgB,+CAI3B,CAAC;AACH,eAAO,MAAM,gBAAgB,+CAI3B,CAAC"}

package/dts/illustrations/__stories__/IllustrationExample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const IllustrationExample: React.NamedExoticComponent<{
+    children?: React.ReactNode | undefined;
+}>;
+//# sourceMappingURL=IllustrationExample.d.ts.map

package/dts/illustrations/__stories__/IllustrationExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IllustrationExample.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__stories__/IllustrationExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,eAAO,MAAM,mBAAmB;;EAc9B,CAAC"}

package/dts/illustrations/__stories__/Pictogram.stories.d.ts

@@ -0,0 +1,15 @@
+/**
+ * DO NOT MODIFY
+ * Generated from yarn nx run illustrations:generate-stories
+ */
+declare const _default: {
+    title: string;
+    component: import("react").NamedExoticComponent<import("../createIllustration").IllustrationBasePropsWithA11y<"pictogram">>;
+};
+export default _default;
+export declare const pictogram: () => import("react/jsx-runtime").JSX.Element;
+export declare const PictogramSheet1: () => import("react/jsx-runtime").JSX.Element;
+export declare const PictogramSheet2: () => import("react/jsx-runtime").JSX.Element;
+export declare const PictogramSheet3: () => import("react/jsx-runtime").JSX.Element;
+export declare const PictogramSheet4: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pictogram.stories.d.ts.map

package/dts/illustrations/__stories__/Pictogram.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pictogram.stories.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__stories__/Pictogram.stories.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;;;;AAOH,wBAGE;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAGF,eAAO,MAAM,eAAe,+CAI1B,CAAC;AACH,eAAO,MAAM,eAAe,+CAI1B,CAAC;AACH,eAAO,MAAM,eAAe,+CAI1B,CAAC;AACH,eAAO,MAAM,eAAe,+CAI1B,CAAC"}

package/dts/illustrations/__stories__/SpotIcon.stories.d.ts

@@ -0,0 +1,15 @@
+/**
+ * DO NOT MODIFY
+ * Generated from yarn nx run illustrations:generate-stories
+ */
+declare const _default: {
+    title: string;
+    component: import("react").NamedExoticComponent<import("../createIllustration").IllustrationBasePropsWithA11y<"spotIcon">>;
+};
+export default _default;
+export declare const spotIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotIconSheet1: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotIconSheet2: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotIconSheet3: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotIconSheet4: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpotIcon.stories.d.ts.map

package/dts/illustrations/__stories__/SpotIcon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__stories__/SpotIcon.stories.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;;;;AAOH,wBAGE;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAGF,eAAO,MAAM,cAAc,+CAIzB,CAAC;AACH,eAAO,MAAM,cAAc,+CAIzB,CAAC;AACH,eAAO,MAAM,cAAc,+CAIzB,CAAC;AACH,eAAO,MAAM,cAAc,+CAIzB,CAAC"}