@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/controls/__stories__/CheckboxCell.stories.d.ts

@@ -0,0 +1,51 @@
+declare const _default: {
+    title: string;
+    component: (<T extends string>(props: import("@coinbase/cds-web/controls").CheckboxCellProps<T> & {
+        ref?: React.Ref<HTMLLabelElement>;
+    }) => React.ReactElement) & import("react").NamedExoticComponent<Omit<import("../../system").PressableProps<"label">, "title" | "onChange"> & Omit<import("../Control").ControlBaseProps<string>, "title" | "children" | "onChange" | "checked" | "iconStyle" | "labelStyle"> & {
+        checked?: boolean;
+        title: React.ReactNode;
+        description?: React.ReactNode;
+        onChange?: (inputChangeEvent: React.ChangeEvent<HTMLInputElement>) => void;
+        columnGap?: import("../../styles/styleProps").ResponsiveProp<import("@coinbase/cds-common").ThemeVars.Space>;
+        rowGap?: import("../../styles/styleProps").ResponsiveProp<import("@coinbase/cds-common").ThemeVars.Space>;
+        titleId?: string;
+        descriptionId?: string;
+    } & {
+        classNames?: {
+            root?: string;
+            checkboxContainer?: string;
+            title?: string;
+            description?: string;
+            contentContainer?: string;
+        };
+        styles?: {
+            root?: import("react").CSSProperties;
+            checkboxContainer?: import("react").CSSProperties;
+            title?: import("react").CSSProperties;
+            description?: import("react").CSSProperties;
+            contentContainer?: import("react").CSSProperties;
+        };
+    } & {
+        ref?: React.Ref<HTMLLabelElement>;
+    }> & {
+        readonly type: <T extends string>(props: import("@coinbase/cds-web/controls").CheckboxCellProps<T> & {
+            ref?: React.Ref<HTMLLabelElement>;
+        }) => React.ReactElement;
+    };
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithDescription: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomIds: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const LongContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const States: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaddingVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderRadiusVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const InteractiveDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingFlow: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxCell.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCell.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/CheckboxCell.stories.tsx"],"names":[],"mappings":";;;WA6KM,CAAC;;;;;;;;;;;;gBAxHC,CAAH;6BAA+B,CAAC;iBAC7B,CAAH;uBAAyB,CAAC;4BACvB,CAAD;;;gBACC,CAAC;6BACD,CAAA;iBACD,CAAC;uBAEsB,CAAC;4BACP,CAAC;;;;;;eAgHnB,CAAC;;;;AArKP,wBAGE;AAEF,eAAO,MAAM,OAAO,+CAWnB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAY3B,CAAC;AAEF,eAAO,MAAM,SAAS,+CAyBrB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAiFzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAcvB,CAAC;AAEF,eAAO,MAAM,MAAM,+CA2ClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CA0C7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CA0C5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAmDlC,CAAC;AAEF,eAAO,MAAM,eAAe,+CAgC3B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAsDzB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAwEzB,CAAC;AAEF,eAAO,MAAM,cAAc,+CA+D1B,CAAC"}

package/dts/controls/__stories__/ControlGroup.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ControlGroup } from '../ControlGroup';
+declare const meta: Meta<typeof ControlGroup>;
+export default meta;
+type Story = StoryObj<typeof ControlGroup>;
+export declare const RadioGroupStory: Story;
+export declare const CheckboxGroupStory: Story;
+export declare const RadioCellGroupStory: Story;
+export declare const CheckboxCellGroupStory: Story;
+export declare const SwitchGroupStory: Story;
+//# sourceMappingURL=ControlGroup.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/ControlGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA6E3C,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAoBF,eAAO,MAAM,kBAAkB,EAAE,KAGhC,CAAC;AAiBF,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC;AAoBF,eAAO,MAAM,sBAAsB,EAAE,KAGpC,CAAC;AAoBF,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAC"}

package/dts/controls/__stories__/HelperText.stories.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import("../HelperText").HelperTextProps>;
+};
+export default _default;
+export declare const MessageAreaBasic: () => import("react/jsx-runtime").JSX.Element;
+export declare const MessageAreaColor: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const TextAlign: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomColor: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HelperText.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/HelperText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAGE;AAEF,eAAO,MAAM,gBAAgB,+CAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAkB5B,CAAC;AAMF,eAAO,MAAM,SAAS,+CAUrB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAQvB,CAAC"}

package/dts/controls/__stories__/InputIcon.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").InputIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+};
+export default _default;
+export declare const AddCustomColor: () => import("react/jsx-runtime").JSX.Element;
+export declare const AddCustomColorEnd: () => import("react/jsx-runtime").JSX.Element;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicEnd: () => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultsToForeground: () => import("react/jsx-runtime").JSX.Element;
+export declare const InvalidPlacement: () => import("react/jsx-runtime").JSX.Element;
+export declare const SetColorAndInheritFocusStyle: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputIcon.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/InputIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAQ1B,wBAGE;AAaF,eAAO,MAAM,cAAc,+CAO1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAO7B,CAAC;AAEF,eAAO,MAAM,KAAK,+CAajB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAEpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAM5B,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAQxC,CAAC"}

package/dts/controls/__stories__/InputIconButton.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").InputIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+};
+export default _default;
+export declare const AddCustomColor: () => import("react/jsx-runtime").JSX.Element;
+export declare const AddCustomColorEnd: () => import("react/jsx-runtime").JSX.Element;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicEnd: () => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultsToPrimary: () => import("react/jsx-runtime").JSX.Element;
+export declare const InvalidPlacement: () => import("react/jsx-runtime").JSX.Element;
+export declare const SetColorAndInheritFocusStyle: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputIconButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputIconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/InputIconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAM1B,wBAGE;AAIF,eAAO,MAAM,cAAc,+CAe1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAgB7B,CAAC;AAEF,eAAO,MAAM,KAAK,+CAejB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAQ7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAM5B,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAQxC,CAAC"}

package/dts/controls/__stories__/InputLabel.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import("../InputLabel").InputLabelProps>;
+};
+export default _default;
+export declare const InputLabelBasic: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputLabelTextAlignments: () => import("react/jsx-runtime").JSX.Element;
+export declare const LabelColor: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputLabelDangerouslySetClassName: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputLabel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/InputLabel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAK1B,wBAGE;AAEF,eAAO,MAAM,eAAe,+CAE3B,CAAC;AAMF,eAAO,MAAM,wBAAwB,+CAYpC,CAAC;AAEF,eAAO,MAAM,UAAU,+CAEtB,CAAC;AAMF,eAAO,MAAM,iCAAiC,+CAM7C,CAAC"}

package/dts/controls/__stories__/InputStack.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../InputStack").InputStackProps, "ref"> & React.RefAttributes<HTMLElement>>>;
+};
+export default _default;
+export declare const InputStackExamples: () => import("react/jsx-runtime").JSX.Element;
+export declare const Append: () => import("react/jsx-runtime").JSX.Element;
+export declare const Prepend: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputStack.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputStack.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/InputStack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAM1B,wBAGE;AAEF,eAAO,MAAM,kBAAkB,+CAqD9B,CAAC;AAEF,eAAO,MAAM,MAAM,+CA8ClB,CAAC;AAEF,eAAO,MAAM,OAAO,+CA8CnB,CAAC"}

package/dts/controls/__stories__/NativeInput.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+        compact?: boolean;
+        containerSpacing?: string;
+        align?: import("@coinbase/cds-common").TextAlignProps["align"];
+        onClick?: React.MouseEventHandler;
+    } & import("@coinbase/cds-common").SharedProps & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint"> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+export declare const NativeInputBasic: () => import("react/jsx-runtime").JSX.Element;
+export declare const NativeInputCustomContainerSpacing: () => import("react/jsx-runtime").JSX.Element;
+export declare const NativeInputTextAlign: () => import("react/jsx-runtime").JSX.Element;
+export declare const NativeInputActions: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NativeInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeInput.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/NativeInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;;;;;;;;;;AAM3C,wBAGE;AAEF,eAAO,MAAM,gBAAgB,+CAE5B,CAAC;AAMF,eAAO,MAAM,iCAAiC,+CAO7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAmBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CA+B9B,CAAC"}

package/dts/controls/__stories__/RadioCell.stories.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    title: string;
+    component: (<T extends string>(props: import("@coinbase/cds-web/controls").RadioCellProps<T> & {
+        ref?: React.Ref<HTMLLabelElement>;
+    }) => React.ReactElement) & import("react").NamedExoticComponent<Omit<import("../../system").PressableProps<"label">, "title" | "onChange"> & Omit<import("../Control").ControlBaseProps<string>, "title" | "children" | "onChange" | "checked" | "iconStyle" | "labelStyle"> & {
+        checked?: boolean;
+        title: React.ReactNode;
+        onChange?: (inputChangeEvent: React.ChangeEvent<HTMLInputElement>) => void;
+        description?: React.ReactNode;
+        columnGap?: import("../../styles/styleProps").ResponsiveProp<import("@coinbase/cds-common").ThemeVars.Space>;
+        rowGap?: import("../../styles/styleProps").ResponsiveProp<import("@coinbase/cds-common").ThemeVars.Space>;
+        titleId?: string;
+        descriptionId?: string;
+    } & {
+        classNames?: {
+            root?: string;
+            radioContainer?: string;
+            title?: string;
+            description?: string;
+            contentContainer?: string;
+        };
+        styles?: {
+            root?: import("react").CSSProperties;
+            radioContainer?: import("react").CSSProperties;
+            title?: import("react").CSSProperties;
+            description?: import("react").CSSProperties;
+            contentContainer?: import("react").CSSProperties;
+        };
+    } & {
+        ref?: React.Ref<HTMLLabelElement>;
+    }> & {
+        readonly type: <T extends string>(props: import("@coinbase/cds-web/controls").RadioCellProps<T> & {
+            ref?: React.Ref<HTMLLabelElement>;
+        }) => React.ReactElement;
+    };
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithDescription: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomIds: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const LongContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const States: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicRadioGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const GapVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionalGaps: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaddingVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderRadiusVariations: () => import("react/jsx-runtime").JSX.Element;
+export declare const InteractiveDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentMethods: () => import("react/jsx-runtime").JSX.Element;
+export declare const SubscriptionPlans: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
+export declare const SurveyForm: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioCell.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCell.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/RadioCell.stories.tsx"],"names":[],"mappings":";;;WAiKkC,CAAC;;;;;;;;;;;;gBA7GW,CAAC;0BAA4B,CAAC;iBAClE,CAAA;uBAAyB,CAAC;4BACvB,CAAC;;;gBAAoC,CAAC;0BACrB,CAAC;iBACZ,CAAC;uBACT,CAAC;4BAGJ,CAAJ;;;;;;eAqG8B,CAAC;;;;AA1JnC,wBAGE;AAEF,eAAO,MAAM,OAAO,+CAWnB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAY3B,CAAC;AAEF,eAAO,MAAM,SAAS,+CAqCrB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAmHzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAcvB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAwClB,CAAC;AAEF,eAAO,MAAM,eAAe,+CA2B3B,CAAC;AAEF,eAAO,MAAM,aAAa,+CA2CzB,CAAC;AAEF,eAAO,MAAM,eAAe,+CA8C3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CA0C7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CA0C5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAmDlC,CAAC;AAEF,eAAO,MAAM,eAAe,+CA+C3B,CAAC;AAEF,eAAO,MAAM,cAAc,+CAmD1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CA+D7B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAiH3B,CAAC;AAEF,eAAO,MAAM,UAAU,+CA0GtB,CAAC"}

package/dts/controls/__stories__/RadioGroup.stories.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const Normal: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomColors: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledUnselected: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledSelected: () => import("react/jsx-runtime").JSX.Element;
+export declare const MultiLineLabels: () => import("react/jsx-runtime").JSX.Element;
+export declare const Group: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    title: string;
+    component: (<T extends string>(props: import("..").RadioGroupProps<T> & {
+        ref?: React.Ref<HTMLInputElement>;
+    }) => React.ReactElement) & React.NamedExoticComponent<import("../../types").FilteredHTMLAttributes<React.HTMLAttributes<HTMLDivElement>, "color" | "onChange"> & import("@coinbase/cds-common").SharedProps & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabelledBy"> & Pick<import("../../layout").GroupBaseProps<import("../../layout").BoxBaseProps>, "direction" | "gap"> & {
+        options: Record<string, React.ReactNode>;
+        label?: React.ReactNode;
+        value?: string | undefined;
+        name: string;
+        onChange?: ((value: string) => void) | undefined;
+        controlColor?: import("@coinbase/cds-common").ThemeVars.Color;
+    } & {
+        ref?: React.Ref<HTMLInputElement>;
+    }> & {
+        readonly type: <T extends string>(props: import("..").RadioGroupProps<T> & {
+            ref?: React.Ref<HTMLInputElement>;
+        }) => React.ReactElement;
+    };
+};
+export default _default;
+//# sourceMappingURL=RadioGroup.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/RadioGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,eAAO,MAAM,MAAM,+CAQlB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAyBxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAAoD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,+CAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAoBF,eAAO,MAAM,KAAK,+CA6DjB,CAAC;;;;WAIG,CAAC;;;;;;;;;;;;eAAD,CAAC;;;;AAFN,wBAGE"}

package/dts/controls/__stories__/SearchInput.stories.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<import("..").TextInputBaseProps, "width" | "disabled" | "placeholder" | "testID" | "compact" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint" | "enableColorSurge" | "testIDMap" | "helperTextErrorIconAccessibilityLabel"> & {
+        onSearch?: (str: string) => void;
+        hideStartIcon?: boolean;
+        startIcon?: Extract<import("@coinbase/cds-icons").IconName, "search" | "backArrow">;
+        hideEndIcon?: boolean;
+        end?: React.ReactNode;
+        clearIconAccessibilityLabel?: string | undefined;
+        startIconAccessibilityLabel?: string | undefined;
+    } & React.InputHTMLAttributes<HTMLInputElement> & Required<Pick<HTMLInputElement, "value">> & {
+        onClear?: React.MouseEventHandler;
+        onChangeText: (text: string) => void;
+        onClick?: React.MouseEventHandler;
+        bordered?: boolean;
+    } & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * This tests how the SearchInput will work when
+ * onChange and onChangeText are used together
+ */
+export declare const OnChangeExample: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchInput.stories.d.ts.map

package/dts/controls/__stories__/SearchInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/SearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;AAMrD,wBAGE;AAsFF,eAAO,MAAM,OAAO,+CAoBnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAqB3B,CAAC"}

package/dts/controls/__stories__/SegmentedControl.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("..").SegmentedControlProps & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+export declare const Normal: () => import("react/jsx-runtime").JSX.Element;
+export declare const Icons: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedControl.stories.d.ts.map

package/dts/controls/__stories__/SegmentedControl.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;AAKxC,wBAGE;AAmCF,eAAO,MAAM,MAAM,+CAQlB,CAAC;AAgBF,eAAO,MAAM,KAAK,+CA0CjB,CAAC"}

package/dts/controls/__stories__/Select.stories.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { type SelectProps } from '../Select';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("@coinbase/cds-common").SharedProps & Omit<import("@coinbase/cds-common").SharedInputProps, "label"> & Pick<import("../InputStack").InputStackBaseProps, "disabled" | "variant" | "startNode" | "focused" | "labelVariant"> & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint"> & Pick<import("../../dropdown").DropdownProps, "width" | "disablePortal"> & {
+        children?: React.ReactNode;
+        onClick?: () => void;
+        value?: string;
+        valueLabel?: string;
+        label?: string;
+        onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
+    } & React.RefAttributes<HTMLButtonElement>>>;
+};
+export default _default;
+declare const Default: ({ variant, label, helperText, labelVariant, startNode, compact, placeholder, }: Pick<SelectProps, "variant" | "label" | "helperText" | "labelVariant" | "startNode" | "compact" | "placeholder">) => import("react/jsx-runtime").JSX.Element;
+declare const LongTextSelect: ({ variant, label, helperText, }: Pick<SelectProps, "variant" | "label" | "helperText">) => import("react/jsx-runtime").JSX.Element;
+declare const AssetSelect: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputStackOptions: () => import("react/jsx-runtime").JSX.Element;
+declare const Disabled: {
+    (): import("react/jsx-runtime").JSX.Element;
+    /** TODO: convert to CSF (Component Story Format v3) */
+    parameters: {
+        a11y: {
+            config: {
+                /**
+                 * Color contrast ratio doesn't need to meet 4.5:1, as the element is disabled
+                 * @link https://dequeuniversity.com/rules/axe/4.3/color-contrast
+                 */
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+declare const Compact: () => import("react/jsx-runtime").JSX.Element;
+declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+declare const LongText: () => import("react/jsx-runtime").JSX.Element;
+declare const LabelVariants: () => import("react/jsx-runtime").JSX.Element;
+export { AssetSelect, Compact, Default, Disabled, InputStackOptions, LabelVariants, LongText, LongTextSelect, Variants, };
+//# sourceMappingURL=Select.stories.d.ts.map

package/dts/controls/__stories__/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAUhD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;AAOrD,wBAGE;AAEF,QAAA,MAAM,OAAO,GAAI,gFAQd,IAAI,CACL,WAAW,EACX,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,cAAc,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAC9F,4CA6BA,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,iCAIrB,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC,4CA8BvD,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,OAAO,WAAW,4CAsCtC,CAAC;AAEF,QAAA,MAAM,iBAAiB,+CA0BtB,CAAC;AAEF,QAAA,MAAM,QAAQ;;IA2Jd,uDAAuD;;;;gBAIjD;;;mBAGG;;;;;;;;CAzIR,CAAC;AAEF,QAAA,MAAM,OAAO,+CA0BZ,CAAC;AAEF,QAAA,MAAM,QAAQ,+CAyCb,CAAC;AAEF,QAAA,MAAM,QAAQ,+CAWb,CAAC;AAEF,QAAA,MAAM,aAAa,+CA6BlB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,CAAC"}

package/dts/controls/__stories__/SelectInteraction.stories.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentStoryObj } from '@storybook/react';
+import type { SelectProps } from '../Select';
+declare const SelectForm: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    title: string;
+    component: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SimpleSelect: ComponentStoryObj<typeof SelectForm>;
+export declare const SmallSelect: ComponentStoryObj<typeof SelectForm>;
+//# sourceMappingURL=SelectInteraction.stories.d.ts.map

package/dts/controls/__stories__/SelectInteraction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInteraction.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/SelectInteraction.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAO7C,QAAA,MAAM,UAAU,GAAI,OAAO,WAAW,4CASrC,CAAC;;;uBATyB,WAAW;;AAWtC,wBAGE;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,OAAO,UAAU,CAmC7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,OAAO,UAAU,CAU5D,CAAC"}

package/dts/controls/__stories__/SelectOption.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<({ title, description, multiline, compact, value, disableCloseOnOptionChange, onClick, tabIndex, accessibilityLabel, testID, disabled, ...props }: import("..").SelectOptionProps) => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;
+export declare const Stories: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectOption.stories.d.ts.map

package/dts/controls/__stories__/SelectOption.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/SelectOption.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAO1B,wBAGE;AAEF,eAAO,MAAM,OAAO,+CAoCnB,CAAC"}

package/dts/controls/__stories__/Switch.stories.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export declare const Normal: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomColors: () => import("react/jsx-runtime").JSX.Element;
+export declare const DarkNormal: () => import("react/jsx-runtime").JSX.Element;
+export declare const NoLabel: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const On: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledOff: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledOn: () => import("react/jsx-runtime").JSX.Element;
+export declare const DarkNormalOn: () => import("react/jsx-runtime").JSX.Element;
+export declare const DarkNormalDisabledOff: () => import("react/jsx-runtime").JSX.Element;
+export declare const DarkNormalDisabledOn: () => import("react/jsx-runtime").JSX.Element;
+export declare const MultiLineLabel: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../../types").FilteredHTMLAttributes<React.InputHTMLAttributes<HTMLInputElement>, "color" | "value"> & import("@coinbase/cds-common").SharedProps & Partial<Pick<import("../../system").InteractableBaseProps, "borderWidth" | "borderRadius" | "color" | "background" | "borderColor">> & {
+        children?: React.ReactNode;
+        checked?: boolean;
+        disabled?: boolean;
+        readOnly?: boolean;
+        value?: string | undefined;
+        accessibilityLabel?: string;
+        indeterminate?: boolean;
+        iconStyle?: React.CSSProperties;
+        labelStyle?: React.CSSProperties;
+    } & {
+        controlColor?: import("@coinbase/cds-common").ThemeVars.Color;
+    } & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+//# sourceMappingURL=Switch.stories.d.ts.map

package/dts/controls/__stories__/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAyBxC,eAAO,MAAM,MAAM,+CAOlB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAwBxB,CAAC;AACF,eAAO,MAAM,UAAU,+CAStB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAGnB,CAAC;AAMF,eAAO,MAAM,EAAE,+CAAoC,CAAC;AAEpD,eAAO,MAAM,WAAW,+CAA+C,CAAC;AAExE,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAIjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAQhC,CAAC;AAEF,eAAO,MAAM,cAAc,+CAM1B,CAAC;;;;;;;;;;;;;;;;;AAEF,wBAGE"}

package/dts/controls/__stories__/TextInput.stories.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+        onClick?: React.MouseEventHandler;
+        inputNode?: React.ReactElement;
+        bordered?: boolean;
+        align?: import("@coinbase/cds-common").TextAlignProps["align"];
+        suffix?: string;
+        start?: React.ReactNode;
+        end?: React.ReactNode;
+        testIDMap?: {
+            start?: string;
+            end?: string;
+            label?: string;
+            helperText?: string;
+        };
+        helperTextErrorIconAccessibilityLabel?: string;
+    } & import("@coinbase/cds-common").SharedProps & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint"> & import("@coinbase/cds-common").SharedInputProps & Pick<import("../InputStack").InputStackBaseProps, "borderRadius" | "height" | "width" | "disabled" | "variant" | "enableColorSurge" | "labelVariant"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "width"> & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+/**
+ * DEFAULT TEXT INPUT VARIATIONS
+ */
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const InsideLabel: () => import("react/jsx-runtime").JSX.Element;
+export declare const Placeholder: () => import("react/jsx-runtime").JSX.Element;
+export declare const HelperText: () => import("react/jsx-runtime").JSX.Element;
+export declare const Align: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const ColorSurge: () => import("react/jsx-runtime").JSX.Element;
+export declare const Width: () => import("react/jsx-runtime").JSX.Element;
+export declare const Height: () => import("react/jsx-runtime").JSX.Element;
+export declare const BorderRadius: () => import("react/jsx-runtime").JSX.Element[];
+export declare const Borderless: () => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                /**
+                 * Color contrast ratio doesn't need to meet 4.5:1, as the element is disabled
+                 * @link https://dequeuniversity.com/rules/axe/4.3/color-contrast
+                 */
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const NoLabel: () => import("react/jsx-runtime").JSX.Element;
+export declare const StartContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const EndContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const Suffix: () => import("react/jsx-runtime").JSX.Element;
+export declare const SuffixAndEndContent: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * COMPACT TEXT INPUT VARIATIONS
+ */
+export declare const CompactInput: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompactInputStart: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompactInputEnd: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompactInputSuffix: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompactHelperText: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputOnChange: () => import("react/jsx-runtime").JSX.Element;
+export declare const RenderInputDefault: () => import("react/jsx-runtime").JSX.Element;
+export declare const RenderInputDisabled: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                /**
+                 * Color contrast ratio doesn't need to meet 4.5:1, as the element is disabled
+                 * @link https://dequeuniversity.com/rules/axe/4.3/color-contrast
+                 */
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const RenderInputCompact: () => import("react/jsx-runtime").JSX.Element;
+export declare const RenderNativeTextArea: () => import("react/jsx-runtime").JSX.Element;
+export declare const RenderNativeTextAreaCustomSpacing: () => import("react/jsx-runtime").JSX.Element;
+export declare const CopyTextInput: () => import("react/jsx-runtime").JSX.Element;
+export declare const ReadOnly: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextInput.stories.d.ts.map

package/dts/controls/__stories__/TextInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;;;;;;;;;;;;iBAgJ1C,CAAC;eACnB,CAAC;iBACH,CAAL;sBAEG,CAAC;;;;;AApIP,wBAGE;AAyBF;;GAEG;AAEH,eAAO,MAAM,KAAK,+CAUjB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkCvB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAEvB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAejB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,UAAU,+CActB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAgBjB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAgBlB,CAAC;AAMF,eAAO,MAAM,YAAY,iDASrB,CAAC;AAEL,eAAO,MAAM,UAAU,+CAStB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;gBAiBf;;;mBAGG;;;;;;;;CATR,CAAC;AAeF,eAAO,MAAM,OAAO,+CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAOxB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAatB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAElB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAQ/B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,+CAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAgB7B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAc3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAE7B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAYzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAqB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;gBA4B1B;;;mBAGG;;;;;;;;CATR,CAAC;AAeF,eAAO,MAAM,kBAAkB,+CAqB9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CA8BhC,CAAC;AAEF,eAAO,MAAM,iCAAiC,+CA+B7C,CAAC;AAiBF,eAAO,MAAM,aAAa,+CAiCzB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAiCpB,CAAC"}

package/dts/controls/__stories__/TextInputInteractive.stories.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentStoryObj } from '@storybook/react';
+import { AddressForm } from './AddressForm';
+declare const _default: {
+    title: string;
+    component: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const FormFilled: ComponentStoryObj<typeof AddressForm>;
+//# sourceMappingURL=TextInputInteractive.stories.d.ts.map

package/dts/controls/__stories__/TextInputInteractive.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputInteractive.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/TextInputInteractive.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAK1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;;;AAE5C,wBAGE;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,OAAO,WAAW,CA4B5D,CAAC"}

package/dts/controls/__stories__/TextInputPerformance.stories.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+    title: string;
+    component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+        onClick?: React.MouseEventHandler;
+        inputNode?: React.ReactElement;
+        bordered?: boolean;
+        align?: import("@coinbase/cds-common").TextAlignProps["align"];
+        suffix?: string;
+        start?: React.ReactNode;
+        end?: React.ReactNode;
+        testIDMap?: {
+            start?: string;
+            end?: string;
+            label?: string;
+            helperText?: string;
+        };
+        helperTextErrorIconAccessibilityLabel?: string;
+    } & import("@coinbase/cds-common").SharedProps & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint"> & import("@coinbase/cds-common").SharedInputProps & Pick<import("../InputStack").InputStackBaseProps, "borderRadius" | "height" | "width" | "disabled" | "variant" | "enableColorSurge" | "labelVariant"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "width"> & import("react").RefAttributes<HTMLInputElement>>>;
+    decorators: ((...args: any) => any)[];
+    excludeStories: string[];
+};
+export default _default;
+export declare const CDSTextInput: () => import("react/jsx-runtime").JSX.Element;
+export declare const HTMLInput: () => import("react/jsx-runtime").JSX.Element;
+declare const HundredCDSComponents: () => import("react/jsx-runtime").JSX.Element[];
+declare const HundredHTMLComponent: () => import("react/jsx-runtime").JSX.Element[];
+declare const ThousandCDSComponents: () => import("react/jsx-runtime").JSX.Element[];
+declare const ThousandHTMLComponent: () => import("react/jsx-runtime").JSX.Element[];
+export { HundredCDSComponents, HundredHTMLComponent, ThousandCDSComponents, ThousandHTMLComponent };
+//# sourceMappingURL=TextInputPerformance.stories.d.ts.map

package/dts/controls/__stories__/TextInputPerformance.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputPerformance.stories.d.ts","sourceRoot":"","sources":["../../../src/controls/__stories__/TextInputPerformance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;iBAmEgmE,CAAC;eAAiB,CAAC;iBAAmB,CAAC;sBAAwB,CAAC;;;;;;;AA9DhqE,wBAWE;AAMF,eAAO,MAAM,YAAY,+CAExB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAErB,CAAC;AAsBF,QAAA,MAAM,oBAAoB,iDAEzB,CAAC;AAEF,QAAA,MAAM,oBAAoB,iDAEzB,CAAC;AAEF,QAAA,MAAM,qBAAqB,iDAE1B,CAAC;AAEF,QAAA,MAAM,qBAAqB,iDAE1B,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}

package/dts/controls/__tests__/Checkbox.test.d.ts

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