@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/controls/Checkbox.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common';
+import { type ControlBaseProps } from './Control';
+export type CheckboxBaseProps<T extends string> = ControlBaseProps<T>;
+export type CheckboxProps<T extends string> = ControlBaseProps<T> & {
+  /** Sets the checked/active color of the control.
+   * @default bgPrimary
+   */
+  controlColor?: ThemeVars.Color;
+  /**
+   * Optional.Sets the border width of the checkbox.
+   * @default 100
+   */
+  borderWidth?: ThemeVars.BorderWidth;
+};
+declare const CheckboxWithRef: <T extends string>(
+  props: CheckboxProps<T> & {
+    ref?: React.Ref<View>;
+  },
+) => React.ReactElement;
+export declare const Checkbox: typeof CheckboxWithRef &
+  React.MemoExoticComponent<typeof CheckboxWithRef>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dts/controls/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMtD,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AAElF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEtE,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC,CAAC;AAqEF,QAAA,MAAM,eAAe,EAiCf,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAGpG,eAAO,MAAM,QAAQ,EAA4B,OAAO,eAAe,GACrE,KAAK,CAAC,mBAAmB,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dts/controls/CheckboxCell.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type View, type ViewStyle } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type PressableBaseProps } from '../system/Pressable';
+import type { ControlBaseProps } from './Control';
+export type CheckboxCellBaseProps<T extends string> = {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  columnGap?: ThemeVars.Space;
+  rowGap?: ThemeVars.Space;
+  pressedBorderColor?: ThemeVars.Color;
+  pressedBorderWidth?: ThemeVars.BorderWidth;
+} & Omit<ControlBaseProps<T>, 'style' | 'children' | 'title'> &
+  Omit<PressableBaseProps, 'children' | 'noScaleOnPress'>;
+export type CheckboxCellProps<T extends string> = CheckboxCellBaseProps<T> & {
+  styles?: {
+    root?: StyleProp<ViewStyle>;
+    checkboxContainer?: StyleProp<ViewStyle>;
+    contentContainer?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+  };
+};
+declare const CheckboxCellWithRef: <T extends string>(
+  props: CheckboxCellProps<T> & {
+    ref?: React.ForwardedRef<View>;
+  },
+) => React.ReactElement;
+export declare const CheckboxCell: typeof CheckboxCellWithRef &
+  React.MemoExoticComponent<typeof CheckboxCellWithRef>;
+export {};
+//# sourceMappingURL=CheckboxCell.d.ts.map

package/dts/controls/CheckboxCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCell.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI;IACpD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACrC,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CAC5C,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAC3D,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,gBAAgB,CAAC,CAAC;AAE1D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAC3E,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACzC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAuMnB,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAC7D,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dts/controls/CheckboxGroup.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { View, ViewProps } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+/**
+ * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
+ *
+ * @example
+ * // Instead of:
+ * <CheckboxGroup selectedValues={new Set(['value1'])} onChange={onChange}>
+ *   <Checkbox value="value1">Option 1</Checkbox>
+ * </CheckboxGroup>
+ *
+ * // Use:
+ * <ControlGroup
+ *   accessibilityRole="combobox"
+ *   ControlComponent={Checkbox}
+ *   options={[{ value: 'value1', children: 'Option 1' }]}
+ *   value={['value1']}
+ *   onChange={(value) => onChange(value)}
+ * />
+ */
+export type CheckboxGroupBaseProps<T extends string | number> = Omit<ViewProps, 'children'> &
+  SharedProps & {
+    /** Checkbox elements that are part of the checkbox group. */
+    children: React.ReactElement[];
+    /** Set a label summary for the group of checkboxes. */
+    label?: React.ReactNode;
+    /** Checkbox options that are checked. */
+    selectedValues: Set<T>;
+    /** Handle change events when user tap on the checkboxes */
+    onChange?: (value?: T) => void;
+  };
+/**
+ * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
+ */
+export type CheckboxGroupProps<T extends string> = CheckboxGroupBaseProps<T>;
+declare const CheckboxGroupWithRef: <T extends string>(
+  props: CheckboxGroupProps<T> & {
+    ref?: React.Ref<View>;
+  },
+) => React.ReactElement;
+/**
+ * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
+ */
+export declare const CheckboxGroup: typeof CheckboxGroupWithRef &
+  React.MemoExoticComponent<typeof CheckboxGroupWithRef>;
+export {};
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dts/controls/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GACzF,WAAW,GAAG;IACZ,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAChC,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAG7E,QAAA,MAAM,oBAAoB,EAqEpB,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KACrD,KAAK,CAAC,YAAY,CAAC;AAGxB;;GAEG;AACH,eAAO,MAAM,aAAa,EAAiC,OAAO,oBAAoB,GACpF,KAAK,CAAC,mBAAmB,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dts/controls/Control.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { Animated, PressableProps, ViewStyle } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { InteractableBaseProps } from '../system';
+import type { TextProps } from '../typography/Text';
+export type ControlIconProps = SharedProps & {
+  pressed: boolean;
+  checked?: boolean;
+  indeterminate?: boolean;
+  disabled?: boolean;
+  controlColor?: ThemeVars.Color;
+  background?: ThemeVars.Color;
+  borderColor?: ThemeVars.Color;
+  borderRadius?: ThemeVars.BorderRadius;
+  borderWidth?: ThemeVars.BorderWidth;
+  animatedScaleValue: Animated.Value;
+  animatedOpacityValue: Animated.Value;
+  accessible?: boolean;
+};
+export type ControlBaseProps<T extends string> = Omit<
+  PressableProps,
+  'disabled' | 'children' | 'style'
+> &
+  Partial<
+    Pick<
+      InteractableBaseProps,
+      'background' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'color'
+    >
+  > & {
+    /** Label for the control option. */
+    children?: React.ReactNode;
+    /** Set the control to selected/on. */
+    checked?: boolean;
+    /** Disable user interaction. */
+    disabled?: boolean;
+    /** Set the control to ready-only. Similar effect as disabled. */
+    readOnly?: boolean;
+    /** Value of the option. Useful for multiple choice. */
+    value?: T;
+    /** Accessibility label describing the element. */
+    accessibilityLabel?: string;
+    /** Enable indeterminate state. Useful when you want to indicate that sub-items of a control are partially filled. */
+    indeterminate?: boolean;
+    /** Toggle control selected state. */
+    onChange?: (value: T | undefined, checked?: boolean) => void;
+    /** Sets the checked/active color of the control.
+     * @default bgPrimary
+     */
+    controlColor?: ThemeVars.Color;
+    style?: ViewStyle;
+  };
+export type ControlProps<T extends string> = Omit<ControlBaseProps<T>, 'children'> & {
+  /** Control icon to show. */
+  children: React.ComponentType<React.PropsWithChildren<ControlIconProps>>;
+  /** Label associated with the multiple choice option control. */
+  label?: TextProps['children'];
+  /** If control is a switch. This will use switch motion token. */
+  shouldUseSwitchTransition?: boolean;
+};
+declare const ControlWithRef: <T extends string>(
+  props: ControlProps<T> & {
+    ref?: React.Ref<View>;
+  },
+) => React.ReactElement;
+export declare const Control: typeof ControlWithRef &
+  React.MemoExoticComponent<typeof ControlWithRef>;
+export {};
+//# sourceMappingURL=Control.d.ts.map

package/dts/controls/Control.d.ts.map

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

package/dts/controls/ControlGroup.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+import { type GroupProps } from '../layout';
+export type ControlGroupOption<P> = Omit<P, 'onChange' | 'checked' | 'value'>;
+export type ControlGroupProps<
+  T extends string,
+  P extends {
+    value?: T;
+  },
+> = Omit<GroupProps, 'children' | 'onChange'> &
+  SharedProps & {
+    /** The control component to render for each option. */
+    ControlComponent: React.ComponentType<P>;
+    /** Control options for the group. */
+    options: (ControlGroupOption<P> & {
+      value: T;
+    })[];
+    /** Set a label for the group. */
+    label?: React.ReactNode;
+    /** Current selected value(s). Use a string for single-select (e.g., RadioGroup) and an array of strings for multi-select (e.g., CheckboxGroup). */
+    value: T | T[];
+    /** Handle change events. */
+    onChange?: (value: T | undefined, checked?: boolean) => void;
+  };
+declare const ControlGroupWithRef: <
+  T extends string,
+  P extends {
+    value?: T;
+  },
+>(
+  props: ControlGroupProps<T, P> & {
+    ref?: React.Ref<View>;
+  },
+) => React.ReactElement;
+export declare const ControlGroup: typeof ControlGroupWithRef &
+  React.MemoExoticComponent<typeof ControlGroupWithRef>;
+export {};
+//# sourceMappingURL=ControlGroup.d.ts.map

package/dts/controls/ControlGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../src/controls/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,IAAI,IAAI,CAC7E,UAAU,EACV,UAAU,GAAG,UAAU,CACxB,GACC,WAAW,GAAG;IACZ,uDAAuD;IACvD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACzC,qCAAqC;IACrC,OAAO,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAClD,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mJAAmJ;IACnJ,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IACf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEJ,QAAA,MAAM,mBAAmB,EAqDR,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,EACzD,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KACvD,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dts/controls/HelperText.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { TextProps } from '../typography/Text';
+export type HelperTextProps = {
+  /**
+   * Determines the color of the text
+   * @default fgMuted
+   */
+  color?: ThemeVars.Color;
+  /** Accessibility label for the error icon */
+  errorIconAccessibilityLabel?: string;
+  /** Test ID for the error icon */
+  errorIconTestID?: string;
+} & TextProps;
+export declare const HelperText: React.NamedExoticComponent<HelperTextProps>;
+//# sourceMappingURL=HelperText.d.ts.map

package/dts/controls/HelperText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../src/controls/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,6CAA6C;IAC7C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,SAAS,CAAC;AAEd,eAAO,MAAM,UAAU,6CAqDrB,CAAC"}

package/dts/controls/InputIcon.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type { IconProps } from '../icons/Icon';
+export type InputIconProps = {
+  /**
+   * If set to true, when parent input is focused, the icon will match the color of the focus state
+   * @default false
+   * */
+  disableInheritFocusStyle?: boolean;
+  compact?: boolean;
+} & Omit<IconProps, 'size'> &
+  SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'>;
+export declare const InputIcon: React.NamedExoticComponent<InputIconProps>;
+//# sourceMappingURL=InputIcon.d.ts.map

package/dts/controls/InputIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputIcon.d.ts","sourceRoot":"","sources":["../../src/controls/InputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAgB,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM/C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;SAGK;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GACzB,WAAW,GACX,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAW7E,eAAO,MAAM,SAAS,4CA0BpB,CAAC"}

package/dts/controls/InputIconButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { IconButtonVariant, InputVariant } from '@coinbase/cds-common/types';
+import { type IconButtonProps } from '../buttons/IconButton';
+export declare const variantTransformMap: Record<InputVariant, IconButtonVariant>;
+export type InputIconButtonProps = IconButtonProps & {
+  /**
+   * If set to true, when parent input is focused, the icon will match the color of the focus state
+   * @default false
+   * */
+  disableInheritFocusStyle?: boolean;
+};
+export declare const InputIconButton: React.NamedExoticComponent<InputIconButtonProps>;
+//# sourceMappingURL=InputIconButton.d.ts.map

package/dts/controls/InputIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputIconButton.d.ts","sourceRoot":"","sources":["../../src/controls/InputIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKzE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAOvE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD;;;SAGK;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,eAAe,kDAsB1B,CAAC"}

package/dts/controls/InputLabel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { HelperTextProps } from './HelperText';
+export declare const InputLabel: React.NamedExoticComponent<HelperTextProps>;
+//# sourceMappingURL=InputLabel.d.ts.map

package/dts/controls/InputLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/controls/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAErB,CAAC"}

package/dts/controls/InputStack.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Animated } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import type { BoxBaseProps, BoxProps } from '../layout';
+export type InputStackBaseProps = SharedProps & {
+  /**
+   * Determines the sentiment of the input. Because
+   * we allow startContent and endContent to be custom ReactNode,
+   * the content placed inside these slots will not change colors according
+   * to the variant. You will have to add that yourself
+   */
+  variant?: InputVariant;
+  /**
+   * Width of input as a percentage string.
+   * @default 100%
+   * */
+  width?: BoxProps['width'];
+  /**
+   * Height of input
+   */
+  height?: BoxBaseProps['height'];
+  /**
+   * Toggles input interactability and opacity
+   * @default false
+   */
+  disabled?: boolean;
+  /** Prepends custom content to the start. Content is not part of input */
+  prependNode?: React.ReactNode;
+  /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
+  startNode?: React.ReactNode;
+  /** Appends custom content to the end. Content is not part of input */
+  appendNode?: React.ReactNode;
+  /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
+  endNode?: React.ReactNode;
+  /** Editable area of the Input */
+  inputNode: React.ReactNode;
+  /** Text shown below input. Used for when label is not enough to indicate what this input does */
+  helperTextNode?: React.ReactNode;
+  /** A message indicating the purpose of this input */
+  labelNode?: React.ReactNode;
+  /** This should only be used when focused styles need to be persisted */
+  focused?: boolean;
+  /**
+   * Leverage one of the borderRadius styles we offer to round the corners of the input.
+   * @default 200
+   */
+  borderRadius?: BoxProps['borderRadius'];
+  /**
+   * Enable Color Surge motion
+   */
+  enableColorSurge?: boolean;
+  /** Adds border styling to input  */
+  borderStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  /** Border overlay to animate border when focused */
+  borderFocusedStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  /**
+   * The variant of the label. Only used when compact is not true.
+   * @default 'outside'
+   */
+  labelVariant?: 'inside' | 'outside';
+};
+export type InputStackProps = Omit<BoxProps, 'width' | 'height' | 'borderRadius'> &
+  InputStackBaseProps;
+export declare const InputStack: React.NamedExoticComponent<InputStackProps>;
+//# sourceMappingURL=InputStack.d.ts.map

package/dts/controls/InputStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStack.d.ts","sourceRoot":"","sources":["../../src/controls/InputStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAKxD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;SAGK;IACL,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uHAAuH;IACvH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iGAAiG;IACjG,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oCAAoC;IACpC,WAAW,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/D,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAC,GAC/E,mBAAmB,CAAC;AAWtB,eAAO,MAAM,UAAU,6CAqHrB,CAAC"}

package/dts/controls/Menu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SelectBaseProps } from './Select';
+export declare const Menu: ({
+  onChange,
+  value,
+  children,
+}: React.PropsWithChildren<
+  Pick<SelectBaseProps, 'onChange' | 'value'>
+>) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/dts/controls/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/controls/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,eAAO,MAAM,IAAI,GAAI,gCAIlB,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,4CAGtE,CAAC"}

package/dts/controls/NativeInput.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import type { TextInputProps, ViewStyle } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
+import type { TextBaseProps } from '../typography/Text';
+import type { TextInputBaseProps } from './TextInput';
+export type NativeInputProps = {
+  /**
+   * Text Align Input
+   * @default start
+   * */
+  align?: TextBaseProps['align'];
+  /** Custom container spacing if needed. This will add to the existing spacing */
+  containerSpacing?: ViewStyle | undefined;
+  /**
+   * Disables input
+   * @default false
+   * */
+  disabled?: boolean;
+  /**
+   * Native TextInput textAlign with the extra unset option to remove the textAlign style.
+   * Use this to workaround the issue where long text does not ellipsis in TextInput
+   * @warning Setting this to unset will break alignment for RTL languages.
+   */
+  textAlign?: TextInputProps['textAlign'] | 'unset';
+} & SharedProps &
+  Pick<TextInputBaseProps, 'compact'> &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > &
+  Omit<TextInputProps, 'textAlign'>;
+export declare const NativeInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /**
+       * Text Align Input
+       * @default start
+       * */
+      align?: TextBaseProps['align'];
+      /** Custom container spacing if needed. This will add to the existing spacing */
+      containerSpacing?: ViewStyle | undefined;
+      /**
+       * Disables input
+       * @default false
+       * */
+      disabled?: boolean;
+      /**
+       * Native TextInput textAlign with the extra unset option to remove the textAlign style.
+       * Use this to workaround the issue where long text does not ellipsis in TextInput
+       * @warning Setting this to unset will break alignment for RTL languages.
+       */
+      textAlign?: TextInputProps['textAlign'] | 'unset';
+    } & SharedProps &
+      Pick<TextInputBaseProps, 'compact'> &
+      Pick<
+        SharedAccessibilityProps,
+        'accessibilityLabel' | 'accessibilityHint' | 'accessibilityLabelledBy'
+      > &
+      Omit<TextInputProps, 'textAlign'> &
+      React.RefAttributes<TextInput>
+  >
+>;
+//# sourceMappingURL=NativeInput.d.ts.map

package/dts/controls/NativeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeInput.d.ts","sourceRoot":"","sources":["../../src/controls/NativeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAIpG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;SAGK;IACL,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC;;;SAGK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC;CACnD,GAAG,WAAW,GACb,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,GACnC,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;AAEpC,eAAO,MAAM,WAAW;IA1BtB;;;SAGK;YACG,aAAa,CAAC,OAAO,CAAC;IAC9B,gFAAgF;uBAC7D,SAAS,GAAG,SAAS;IACxC;;;SAGK;eACM,OAAO;IAClB;;;;OAIG;gBACS,cAAc,CAAC,WAAW,CAAC,GAAG,OAAO;qOAyFlD,CAAC"}

package/dts/controls/Radio.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type View } from 'react-native';
+import { type ControlBaseProps } from './Control';
+export type RadioBaseProps<T extends string> = ControlBaseProps<T>;
+export type RadioProps<T extends string> = RadioBaseProps<T>;
+declare const RadioWithRef: <T extends string>(
+  props: RadioProps<T> & {
+    ref?: React.Ref<View>;
+  },
+) => React.ReactElement;
+export declare const Radio: typeof RadioWithRef & React.MemoExoticComponent<typeof RadioWithRef>;
+export {};
+//# sourceMappingURL=Radio.d.ts.map

package/dts/controls/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/controls/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAyC,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhF,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AASlF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEnE,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAqD7D,QAAA,MAAM,YAAY,EAuBZ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAGjG,eAAO,MAAM,KAAK,EAAyB,OAAO,YAAY,GAC5D,KAAK,CAAC,mBAAmB,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dts/controls/RadioCell.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type View, type ViewStyle } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type PressableProps } from '../system/Pressable';
+import type { ControlBaseProps } from './Control';
+export type RadioCellBaseProps<T extends string> = {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  columnGap?: ThemeVars.Space;
+  rowGap?: ThemeVars.Space;
+  pressedBorderColor?: ThemeVars.Color;
+  pressedBorderWidth?: ThemeVars.BorderWidth;
+} & Omit<ControlBaseProps<T>, 'style' | 'children' | 'title'> &
+  Omit<PressableProps, 'children' | 'noScaleOnPress'>;
+export type RadioCellProps<T extends string> = RadioCellBaseProps<T> & {
+  styles?: {
+    root?: StyleProp<ViewStyle>;
+    radioContainer?: StyleProp<ViewStyle>;
+    contentContainer?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+  };
+};
+declare const RadioCellWithRef: <T extends string>(
+  props: RadioCellProps<T> & {
+    ref?: React.ForwardedRef<View>;
+  },
+) => React.ReactElement;
+export declare const RadioCell: typeof RadioCellWithRef &
+  React.MemoExoticComponent<typeof RadioCellWithRef>;
+export {};
+//# sourceMappingURL=RadioCell.d.ts.map

package/dts/controls/RadioCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCell.d.ts","sourceRoot":"","sources":["../../src/controls/RadioCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;IACjD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACrC,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CAC5C,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAC3D,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,gBAAgB,CAAC,CAAC;AAEtD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAsMhB,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAC1D,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,SAAS,EAA6B,OAAO,gBAAgB,GACxE,KAAK,CAAC,mBAAmB,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dts/controls/RadioGroup.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import type { AccessibilityProps, View } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+import { type BoxBaseProps } from '../layout';
+import type { GroupBaseProps } from '../layout/Group';
+import { Radio, type RadioBaseProps, type RadioProps } from './Radio';
+export { Radio, type RadioBaseProps, type RadioProps };
+/**
+ * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
+ *
+ * @example
+ * // Instead of:
+ * <RadioGroup options={{ value1: 'Label 1' }} value={value} onChange={onChange} />
+ *
+ * // Use:
+ * <ControlGroup
+ *   accessibilityRole="radiogroup"
+ *   ControlComponent={Radio}
+ *   options={[{ value: 'value1', children: 'Label 1' }]}
+ *   value={value}
+ *   onChange={(value) => onChange(value)}
+ * />
+ */
+export type RadioGroupBaseProps<T extends string> = Omit<
+  AccessibilityProps,
+  'accessibilityLabelledBy'
+> &
+  SharedProps &
+  Pick<GroupBaseProps<BoxBaseProps>, 'direction' | 'gap'> & {
+    /**
+     * Multiple choice options for the radio group. The object key represents
+     * the radio input value and the object value represents the radio option label.
+     */
+    options: Record<T, string | React.ReactNode>;
+    /** Set a label summary for the group of radios. */
+    label?: React.ReactNode;
+    /** Currently selected value. */
+    value?: T;
+    /** Handle change event when pressing on a radio option. */
+    onChange?: RadioProps<T>['onChange'];
+    /** Sets the checked/active color of each control in the group.
+     * @default bgPrimary
+     */
+    controlColor?: RadioProps<T>['controlColor'];
+    /** A11Y label to indicate order of radio buttons when focused on one button */
+    radioAccessibilityLabel?: string;
+  };
+/**
+ * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
+ */
+export type RadioGroupProps<T extends string> = RadioGroupBaseProps<T>;
+declare const RadioGroupWithRef: <T extends string>(
+  props: RadioGroupProps<T> & {
+    ref?: React.Ref<View>;
+  },
+) => React.ReactElement;
+/**
+ * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
+ */
+export declare const RadioGroup: typeof RadioGroupWithRef &
+  React.MemoExoticComponent<typeof RadioGroupWithRef>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dts/controls/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/controls/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,EAAE,KAAK,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CACtD,kBAAkB,EAClB,yBAAyB,CAC1B,GACC,WAAW,GACX,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG;IACxD;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7C,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC7C,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAEvE,QAAA,MAAM,iBAAiB,EA8EjB,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KAClD,KAAK,CAAC,YAAY,CAAC;AAGxB;;GAEG;AACH,eAAO,MAAM,UAAU,EAA8B,OAAO,iBAAiB,GAC3E,KAAK,CAAC,mBAAmB,CAAC,OAAO,iBAAiB,CAAC,CAAC"}