@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/illustrations/__stories__/SpotRectangle.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<"spotRectangle">>;
+};
+export default _default;
+export declare const spotRectangle: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotRectangleSheet1: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotRectangleSheet2: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotRectangleSheet3: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotRectangleSheet4: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpotRectangle.stories.d.ts.map

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

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

package/dts/illustrations/__stories__/SpotSquare.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<"spotSquare">>;
+};
+export default _default;
+export declare const spotSquare: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotSquareSheet1: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotSquareSheet2: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotSquareSheet3: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpotSquareSheet4: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpotSquare.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpotSquare.stories.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__stories__/SpotSquare.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__/getIllustrationSheet.d.ts

@@ -0,0 +1,9 @@
+import type { IllustrationVariant } from '@coinbase/cds-common';
+type IllustrationSheetProps<Type> = {
+    type: Type;
+    startIndex?: number;
+    endIndex?: number;
+};
+export declare function getIllustrationSheet<Type extends IllustrationVariant>({ type, startIndex, endIndex, }: IllustrationSheetProps<Type>): () => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=getIllustrationSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getIllustrationSheet.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__stories__/getIllustrationSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AA6EhE,KAAK,sBAAsB,CAAC,IAAI,IAAI;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,IAAI,SAAS,mBAAmB,EAAE,EACrE,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE,sBAAsB,CAAC,IAAI,CAAC,iDA6E9B"}

package/dts/illustrations/__tests__/HeroSquare.test.d.ts

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

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

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

package/dts/illustrations/__tests__/Pictogram.test.d.ts

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

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

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

package/dts/illustrations/__tests__/SpotRectangle.test.d.ts

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

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

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

package/dts/illustrations/__tests__/SpotSquare.test.d.ts

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

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

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

package/dts/illustrations/createIllustration.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { IllustrationVariant } from '@coinbase/cds-common/types/IllustrationNames';
+import type { HeroSquareDimension, PictogramDimension, SpotIconDimension, SpotRectangleDimension, SpotSquareDimension } from '@coinbase/cds-common/types/IllustrationProps';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type { HeroSquareName, PictogramName, SpotIconName, SpotRectangleName, SpotSquareName } from '@coinbase/cds-illustrations';
+export type IllustrationNamesMap = {
+    heroSquare: HeroSquareName;
+    spotRectangle: SpotRectangleName;
+    pictogram: PictogramName;
+    spotSquare: SpotSquareName;
+    spotIcon: SpotIconName;
+};
+export type IllustrationDimensionsMap = {
+    heroSquare: HeroSquareDimension;
+    spotSquare: SpotSquareDimension;
+    spotRectangle: SpotRectangleDimension;
+    pictogram: PictogramDimension;
+    spotIcon: SpotIconDimension;
+};
+export type IllustrationBaseProps<T extends keyof IllustrationNamesMap> = SharedProps & {
+    /** Name of illustration as defined in Figma */
+    name: IllustrationNamesMap[T];
+    /**
+     * HeroSquare Default:  240x240
+     * SpotSquare Default: 96x96
+     * Pictogram Default: 48x48
+     * SpotRectangle Default: 240x120
+     *
+     */
+    dimension?: IllustrationDimensionsMap[T];
+    /** Multiply the width & height while maintaining aspect ratio */
+    scaleMultiplier?: number;
+    /**
+     * Fallback element to render if unable to find an illustration with the matching name
+     * @default null
+     * */
+    fallback?: null | React.ReactElement;
+};
+type IllustrationConfigShape<Variant extends IllustrationVariant> = Record<IllustrationNamesMap[Variant], number>;
+export type IllustrationA11yProps = {
+    /** Alt tag to apply to the img
+     * @default "" will identify the image as decorative
+     */
+    alt?: string;
+};
+export type IllustrationBasePropsWithA11y<Type extends IllustrationVariant> = IllustrationBaseProps<Type> & IllustrationA11yProps;
+export declare function createIllustration<Variant extends IllustrationVariant>(variant: Variant, config: IllustrationConfigShape<Variant>): React.NamedExoticComponent<IllustrationBasePropsWithA11y<Variant>>;
+export {};
+//# sourceMappingURL=createIllustration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createIllustration.d.ts","sourceRoot":"","sources":["../../src/illustrations/createIllustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACf,MAAM,6BAA6B,CAAC;AAKrC,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,iBAAiB,CAAC;IACjC,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,UAAU,EAAE,mBAAmB,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC;IAChC,aAAa,EAAE,sBAAsB,CAAC;IACtC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,oBAAoB,IAAI,WAAW,GAAG;IACtF,+CAA+C;IAC/C,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;IACzC,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;SAGK;IACL,QAAQ,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC;CACtC,CAAC;AAEF,KAAK,uBAAuB,CAAC,OAAO,SAAS,mBAAmB,IAAI,MAAM,CACxE,oBAAoB,CAAC,OAAO,CAAC,EAC7B,MAAM,CACP,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,6BAA6B,CAAC,IAAI,SAAS,mBAAmB,IACxE,qBAAqB,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,OAAO,SAAS,mBAAmB,EACpE,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,sEA0CzC"}

package/dts/illustrations/index.d.ts

@@ -0,0 +1,6 @@
+export * from './HeroSquare';
+export * from './Pictogram';
+export * from './SpotIcon';
+export * from './SpotRectangle';
+export * from './SpotSquare';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dts/index.d.ts

@@ -0,0 +1,7 @@
+export * from './core/createThemeCssVars';
+export * from './core/polymorphism';
+export * from './core/theme';
+export * from './cx';
+export * from './hooks/useTheme';
+export * from './system/ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC;AACrB,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dts/layout/Box.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import type { PinningDirection } from '@coinbase/cds-common/types/BoxBaseProps';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type { Polymorphic } from '../core/polymorphism';
+import type { fontFamily } from '../styles/responsive/base';
+import { type ResponsiveProp, type StyleProps } from '../styles/styleProps';
+export declare const boxDefaultElement = "div";
+export type BoxDefaultElement = typeof boxDefaultElement;
+export type BoxBaseProps = StyleProps & SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'> & {
+    style?: React.CSSProperties;
+    font?: ResponsiveProp<keyof typeof fontFamily>;
+    /** Direction in which to absolutely pin the box. */
+    pin?: PinningDirection;
+    /** Add a border around all sides of the box. */
+    bordered?: boolean;
+    /** Add a border to the top side of the box. */
+    borderedTop?: boolean;
+    /** Add a border to the bottom side of the box. */
+    borderedBottom?: boolean;
+    /** Add a border to the leading side of the box. */
+    borderedStart?: boolean;
+    /** Add a border to the trailing side of the box. */
+    borderedEnd?: boolean;
+    /** Add a border to the leading and trailing sides of the box. */
+    borderedHorizontal?: boolean;
+    /** Add a border to the top and bottom sides of the box. */
+    borderedVertical?: boolean;
+    /** @danger This is a migration escape hatch. It is not intended to be used normally. */
+    dangerouslySetBackground?: string;
+};
+export type BoxProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, BoxBaseProps>;
+type BoxComponent = (<AsComponent extends React.ElementType = BoxDefaultElement>(props: BoxProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const Box: BoxComponent;
+/**
+ * @example
+ * Use `PolymorphicBoxProps` to create polymorphic components from Box (components with the `as` prop and style props):
+ * ```tsx
+ * type MyComponentBaseProps = { message?: string }
+ * type MyComponentProps<AsComponent extends React.ElementType> =
+ *   PolymorphicBoxProps<AsComponent, MyComponentBaseProps>
+ * const MyComponent = <
+ *   AsComponent extends React.ElementType = 'button',
+ * >({
+ *   as = 'button' as AsComponent,
+ *   message,
+ *   ...props
+ * }: MyComponentProps<AsComponent>) => {
+ *   return <Box as={as} {...props}>{message}</Box>
+ * }
+ * ```
+ */
+export type PolymorphicBoxProps<AsComponent extends React.ElementType, OverrideProps> = Polymorphic.Props<AsComponent, Polymorphic.ExtendableProps<BoxBaseProps, OverrideProps>>;
+export {};
+//# sourceMappingURL=Box.d.ts.map

package/dts/layout/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvF,eAAO,MAAM,iBAAiB,QAAQ,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,UAAU,GACnC,WAAW,GACX,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;IAC/C,oDAAoD;IACpD,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,QAAQ,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC7E,WAAW,EACX,YAAY,CACb,CAAC;AAEF,KAAK,YAAY,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,iBAAiB,EAC7E,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KACzB,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,GAAG,EAAE,YAiUjB,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,mBAAmB,CAC7B,WAAW,SAAS,KAAK,CAAC,WAAW,EACrC,aAAa,IACX,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC"}

package/dts/layout/Divider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type BoxProps } from './Box';
+export type DividerBaseProps = {
+    /**
+     * The direction to render the divider line.
+     * @default horizontal
+     */
+    direction?: 'horizontal' | 'vertical';
+};
+export type DividerProps = DividerBaseProps & Omit<BoxProps<'hr'>, 'as' | 'role'>;
+export declare const Divider: React.MemoExoticComponent<({ color, direction, background, ...boxProps }: DividerProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Divider.d.ts.map

package/dts/layout/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;AAalF,eAAO,MAAM,OAAO,4EACwD,YAAY,6CAevF,CAAC"}

package/dts/layout/Fallback.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { Shape } from '@coinbase/cds-common/types';
+import type { Polymorphic } from '../core/polymorphism';
+import { type BoxBaseProps } from './Box';
+export type UseFallbackShapeOptions = {
+    disableRandomRectWidth?: boolean;
+    rectWidthVariant?: number;
+};
+export declare function useFallbackShape(shape: Shape, baseWidth: number | string, options?: UseFallbackShapeOptions): {
+    borderRadius: number;
+    width: string | number;
+};
+export declare const fallbackDefaultElement = "div";
+export type FallbackDefaultElement = typeof fallbackDefaultElement;
+export type FallbackBaseProps = Polymorphic.ExtendableProps<BoxBaseProps, {
+    width: string | number;
+    height: string | number;
+    /**
+     * @default rectangle
+     */
+    shape?: Shape;
+    /** Disables randomization of rectangle shape width. */
+    disableRandomRectWidth?: boolean;
+    /**
+     * When shape is a rectangle, creates a variant with deterministic width.
+     * Variants map to a predetermined set of width values, which are cycled through repeatedly when the set is exhausted.
+     */
+    rectWidthVariant?: number;
+    /** Convert width to a percentage. */
+    percentage?: boolean;
+}>;
+export type FallbackProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, FallbackBaseProps>;
+type FallbackComponent = (<AsComponent extends React.ElementType = FallbackDefaultElement>(props: FallbackProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const Fallback: FallbackComponent;
+export {};
+//# sourceMappingURL=Fallback.d.ts.map

package/dts/layout/Fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.d.ts","sourceRoot":"","sources":["../../src/layout/Fallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAGxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,MAAM,uBAAuB,GAAG;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,OAAO,CAAC,EAAE,uBAAuB;;;EAkClC;AAmCD,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,YAAY,EACZ;IACE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uDAAuD;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAClF,WAAW,EACX,iBAAiB,CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,sBAAsB,EACvF,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAC9B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,QAAQ,EAAE,iBAoDtB,CAAC"}

package/dts/layout/Grid.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { type DimensionValue } from '@coinbase/cds-common/types/DimensionStyles';
+import type { Polymorphic } from '../core/polymorphism';
+import { type BoxBaseProps } from './Box';
+export declare const gridDefaultElement = "div";
+export type GridDefaultElement = typeof gridDefaultElement;
+export type GridBaseProps = Polymorphic.ExtendableProps<BoxBaseProps, {
+    rows?: number;
+    /**
+     * Explicitly declare the number of columns per row
+     * columns will divide up the available space within the parent equally
+     * @note `columns` cannot be used in conjunction with `templateColumns` or `columnMin` or `columnMax`
+     */
+    columns?: number;
+    /**
+     * Explicitly declare the width of each column per row,
+     * @example '100px 20% 1fr 1rem max-content'
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
+     * @note `templateColumns` cannot be used in conjunction with `columns` or `columnMin` or `columnMax`
+     */
+    templateColumns?: string;
+    /**
+     * if neither `columns` or `templateColumns` are declared, Grid will implicitly lay out tracks based on available space
+     * You will need to provide a minimum width for each column via `columnMin`
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/minmax
+     * @link https://www.w3.org/TR/css-grid-1/#grid-line-concept
+     * Grid can take a minimum column dimension that will clamp it to be no less than the value
+     * @note `columnMin` cannot be used in conjunction with `columns` or `templateColumns`
+     */
+    columnMin?: DimensionValue;
+    /**
+     * if neither `columns` or `templateColumns` are declared, Grid will implicitly lay out grid lines based on available space
+     * You can cap the maximum width of each column by passing `columnMax`
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/minmax
+     * @link https://www.w3.org/TR/css-grid-1/#grid-line-concept
+     * Grid can take a maximum column dimension that will clamp it to be no greater than the value
+     * @default 1fr
+     * @note `columnMax` cannot be used in conjunction with `columns` or `templateColumns`
+     */
+    columnMax?: DimensionValue;
+}>;
+export type GridProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, GridBaseProps>;
+type GridComponent = (<AsComponent extends React.ElementType = GridDefaultElement>(props: GridProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const Grid: GridComponent;
+export {};
+//# sourceMappingURL=Grid.d.ts.map

package/dts/layout/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/layout/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,kBAAkB,QAAQ,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,eAAe,CACrD,YAAY,EACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CACF,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC9E,WAAW,EACX,aAAa,CACd,CAAC;AAEF,KAAK,aAAa,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,kBAAkB,EAC/E,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAC1B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,IAAI,EAAE,aAwClB,CAAC"}

package/dts/layout/GridColumn.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type BoxBaseProps } from './Box';
+type GridColumnSpan = number | -1;
+export declare const gridColumnDefaultElement = "div";
+export type GridColumnDefaultElement = typeof gridColumnDefaultElement;
+export type GridColumnBaseProps = Polymorphic.ExtendableProps<BoxBaseProps, {
+    /**
+     * Number of grid lines you want the GridColumn to span
+     * @link https://www.w3.org/TR/css-grid-1/#grid-line-concept
+     * You should also provide a `colStart`, otherwise it will default to 'auto' placement
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
+     * @note you cannot use `colSpan` with the `gridColumn` shorthand prop
+     */
+    colSpan?: number;
+    /**
+     * @default 'auto' (automatically placed with a span of 1)
+     * @description Grid columns are 1 indexed
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start
+     * @note you cannot use `colStart` with the `gridColumn` shorthand prop
+     */
+    colStart?: number | 'auto';
+    /**
+     * @default 'auto' (span 1, eg: the next grid line over from colStart)
+     * @description Grid columns are 1 indexed
+     * That means the end of the row will be the number of columns + 1
+     * eg: you have a 3 column grid and you want a GridColumn to span the entire row
+     * you could use colStart: 1 and colEnd: 4
+     * or alternatively, colStart: 1 and colEnd: -1 which will span all columns in a row
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end
+     * @note you cannot use `colEnd` with the `gridColumn` shorthand prop
+     */
+    colEnd?: number | -1 | 'auto';
+    /**
+     * Specify the GridColumn's size and location
+     * Shorthand for colStart and colEnd which specify which grid lines the GridColumn will span
+     * @link https://www.w3.org/TR/css-grid-1/#grid-line-concept
+     * eg: you have a 3 column grid and you want a GridColumn to span the entire row
+     * you could use gridColumn: 1 / 4
+     * or gridColumn: 1 / span 3
+     * or gridColumn: 1 / -1 where -1 is always the last grid line in the row
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
+     * @note you cannot use `gridColumn` with `colSpan`, `colStart`, or `colEnd`
+     */
+    gridColumn?: `${number} / ${GridColumnSpan}` | `${number} / span ${GridColumnSpan}`;
+}>;
+export type GridColumnProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, GridColumnBaseProps>;
+type GridColumnComponent = (<AsComponent extends React.ElementType = GridColumnDefaultElement>(props: GridColumnProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const GridColumn: GridColumnComponent;
+export {};
+//# sourceMappingURL=GridColumn.d.ts.map

package/dts/layout/GridColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumn.d.ts","sourceRoot":"","sources":["../../src/layout/GridColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;AAElC,eAAO,MAAM,wBAAwB,QAAQ,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG,OAAO,wBAAwB,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,eAAe,CAC3D,YAAY,EACZ;IACE;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,GAAG,MAAM,MAAM,cAAc,EAAE,GAAG,GAAG,MAAM,WAAW,cAAc,EAAE,CAAC;CACrF,CACF,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACpF,WAAW,EACX,mBAAmB,CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,wBAAwB,EAC3F,KAAK,EAAE,eAAe,CAAC,WAAW,CAAC,KAChC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,UAAU,EAAE,mBA+BxB,CAAC"}

package/dts/layout/Group.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type BoxDefaultElement, type BoxProps } from './Box';
+export type GroupDirection = 'horizontal' | 'vertical';
+export type GroupBaseProps<BoxProps> = Omit<BoxProps, 'gap'> & {
+    /** Accessibility label describing the group of items. */
+    accessibilityLabel?: string;
+    /** Items to render in a group. */
+    children?: React.ReactNode;
+    /** Direction a group of components should flow.
+     * @default vertical
+     */
+    direction?: GroupDirection;
+    /** Divider Component to include between each item in a group. */
+    divider?: React.ComponentType<React.PropsWithChildren<unknown>> | null;
+    /** Gap to insert between siblings. */
+    gap?: ThemeVars.Space;
+    /** Control the layout of each item in a group.
+     * @default Box component for given platform
+     * @example
+     * ```
+     * renderItem={({item, Wrapper, index}) => {
+     *  return <Wrapper borderedTop={index === 0}>{item}</Wrapper>
+     * }}
+     * ```
+     */
+    renderItem?: (info: {
+        Wrapper: React.ComponentType<React.PropsWithChildren<BoxProps>>;
+        item: React.ReactChild;
+        index: number;
+        isFirst: boolean;
+        isLast: boolean;
+    }) => React.ReactChild;
+};
+export type RenderGroupItem = GroupBaseProps<BoxProps<BoxDefaultElement>>['renderItem'];
+export type GroupProps = GroupBaseProps<BoxProps<BoxDefaultElement>>;
+/**
+ * @deprecated Use `Box`, `HStack` or `VStack` instead.
+ * @danger Make sure to add a `key` prop to each item.
+ */
+export declare const Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+//# sourceMappingURL=Group.d.ts.map

package/dts/layout/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/layout/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD,MAAM,MAAM,cAAc,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG;IAC7D,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IACvE,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAClB,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,KAAK,CAAC,UAAU,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAgBrE;;;GAGG;AACH,eAAO,MAAM,KAAK,2HA2CjB,CAAC"}

package/dts/layout/HStack.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type BoxBaseProps } from './Box';
+export declare const hStackDefaultElement = "div";
+export type HStackDefaultElement = typeof hStackDefaultElement;
+export type HStackBaseProps = BoxBaseProps;
+export type HStackProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, HStackBaseProps>;
+type HStackComponent = (<AsComponent extends React.ElementType = HStackDefaultElement>(props: HStackProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const HStack: HStackComponent;
+export {};
+//# sourceMappingURL=HStack.d.ts.map

package/dts/layout/HStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../src/layout/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAChF,WAAW,EACX,eAAe,CAChB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,eAYpB,CAAC"}

package/dts/layout/Spacer.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { Polymorphic } from '../core/polymorphism';
+import { type BoxBaseProps } from './Box';
+export declare const spacerDefaultElement = "span";
+export type SpacerDefaultElement = typeof spacerDefaultElement;
+export type SpacerBaseProps = Polymorphic.ExtendableProps<BoxBaseProps, {
+    /** Space in the horizontal direction */
+    horizontal?: ThemeVars.Space;
+    /** Space in the vertical direction */
+    vertical?: ThemeVars.Space;
+    /** Max space in the horizontal direction */
+    maxHorizontal?: ThemeVars.Space;
+    /** Max space in the vertical direction */
+    maxVertical?: ThemeVars.Space;
+    /** Min space in the horizontal direction */
+    minHorizontal?: ThemeVars.Space;
+    /** Min space in the vertical direction */
+    minVertical?: ThemeVars.Space;
+}>;
+export type SpacerProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, SpacerBaseProps>;
+type SpacerComponent = (<AsComponent extends React.ElementType = SpacerDefaultElement>(props: SpacerProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const Spacer: SpacerComponent;
+export {};
+//# sourceMappingURL=Spacer.d.ts.map

package/dts/layout/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,oBAAoB,SAAS,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,CACvD,YAAY,EACZ;IACE,wCAAwC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAC/B,CACF,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAChF,WAAW,EACX,eAAe,CAChB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,eA0CpB,CAAC"}

package/dts/layout/VStack.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Polymorphic } from '../core/polymorphism';
+import { type BoxBaseProps } from './Box';
+export declare const vStackDefaultElement = "div";
+export type VStackDefaultElement = typeof vStackDefaultElement;
+export type VStackBaseProps = BoxBaseProps;
+export type VStackProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, VStackBaseProps>;
+type VStackComponent = (<AsComponent extends React.ElementType = VStackDefaultElement>(props: VStackProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+export declare const VStack: VStackComponent;
+export {};
+//# sourceMappingURL=VStack.d.ts.map

package/dts/layout/VStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../src/layout/VStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAChF,WAAW,EACX,eAAe,CAChB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,eAYpB,CAAC"}

package/dts/layout/__figma__/Divider.figma.d.ts

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

package/dts/layout/__figma__/Divider.figma.d.ts.map

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

package/dts/layout/__figma__/Fallback.figma.d.ts

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

package/dts/layout/__figma__/Fallback.figma.d.ts.map

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

package/dts/layout/__stories__/Box.stories.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: (<AsComponent extends React.ElementType = "div">(props: import("..").BoxProps<AsComponent>) => import("../..").Polymorphic.ReactReturn) & import("../..").Polymorphic.ReactNamed;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Elevation: () => import("react/jsx-runtime").JSX.Element;
+export declare const Elevation1: () => import("react/jsx-runtime").JSX.Element;
+export declare const Elevation2: () => import("react/jsx-runtime").JSX.Element;
+export declare const Opacity: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const FlexControls: () => import("react/jsx-runtime").JSX.Element;
+export declare const AlternateBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const OverlayBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const PrimaryBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const PositiveBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const NegativeBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const Bordered: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderedAndRounded: () => import("react/jsx-runtime").JSX.Element;
+export declare const RoundedVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const Spacing: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomSpacing: () => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalSpacing: () => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalSpacing: () => import("react/jsx-runtime").JSX.Element;
+export declare const Offset: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomOffset: () => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalOffset: () => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalOffset: () => import("react/jsx-runtime").JSX.Element;
+export declare const Positioned: () => import("react/jsx-runtime").JSX.Element;
+export declare const TopPin: () => import("react/jsx-runtime").JSX.Element;
+export declare const RightPin: () => import("react/jsx-runtime").JSX.Element;
+export declare const BottomPin: () => import("react/jsx-runtime").JSX.Element;
+export declare const LeftPin: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllPin: () => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanStyleProps: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Box.stories.d.ts.map

package/dts/layout/__stories__/Box.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;AAOxC,wBAGE;AAaF,eAAO,MAAM,OAAO,+CAInB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAInB,CAAC;AAIF,eAAO,MAAM,YAAY,+CAYxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAI/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAI9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAI9B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAI9B,CAAC;AAMF,eAAO,MAAM,iBAAiB,+CAiB7B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAMnB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAMzB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAM3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAM7B,CAAC;AAEF,eAAO,MAAM,MAAM,+CAQlB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAQxB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAQ1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAQ5B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAMtB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAQlB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAQlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAa7B,CAAC"}

package/dts/layout/__stories__/BoxPerformance.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const _default: {
+    component: (<AsComponent extends React.ElementType = "div">(props: import("..").BoxProps<AsComponent>) => import("../..").Polymorphic.ReactReturn) & import("../..").Polymorphic.ReactNamed;
+    title: string;
+    decorators: ((...args: any) => any)[];
+    excludeStories: string[];
+};
+export default _default;
+export declare const CDSBox: () => import("react/jsx-runtime").JSX.Element;
+export declare const SingleDiv: () => import("react/jsx-runtime").JSX.Element;
+export declare const HundredCDSComponents: () => import("react/jsx-runtime").JSX.Element[];
+export declare const HundredHTMLComponent: () => import("react/jsx-runtime").JSX.Element[];
+export declare const ThousandCDSComponents: () => import("react/jsx-runtime").JSX.Element[];
+export declare const ThousandHTMLComponent: () => import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=BoxPerformance.stories.d.ts.map

package/dts/layout/__stories__/BoxPerformance.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPerformance.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/__stories__/BoxPerformance.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;AAK1B,wBAWE;AAEF,eAAO,MAAM,MAAM,+CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAKrB,CAAC;AAUF,eAAO,MAAM,oBAAoB,iDAEhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,iDAEhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAEjC,CAAC"}