@coinbase/cds-web 0.0.0 → 8.13.2

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,19 @@
+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,18 @@
+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,18 @@
+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,19 @@
+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,18 @@
+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/createIllustration.d.ts

@@ -0,0 +1,68 @@
+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,69 @@
+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,19 @@
+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,49 @@
+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,55 @@
+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,60 @@
+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,44 @@
+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,17 @@
+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"}