@bikdotai/bik-component-library 0.0.868-beta.1 → 0.0.868-beta.10

package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts

@@ -1,242 +1,145 @@
 import { default as React } from 'react';
-export declare const BuilderRoot: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const TopBar: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const TopBarSide: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const BackButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const Main: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const Rail: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ContentCard: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const StepScroll: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const FooterHint: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const FooterActions: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RailList: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RailItem: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const StepBadge: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const BuilderRoot: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-builder-root";
+}, "className">;
+export declare const TopBar: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-top-bar";
+}, "className">;
+export declare const TopBarSide: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-top-bar-side";
+}, "className">;
+export declare const BackButton: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-back-button";
+}, "className">;
+export declare const Main: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-main";
+}, "className">;
+export declare const Rail: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-rail";
+}, "className">;
+export declare const Content: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-content";
+}, "className">;
+export declare const ContentCard: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-content-card";
+}, "className">;
+export declare const StepScroll: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-step-scroll";
+}, "className">;
+export declare const Footer: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-footer";
+}, "className">;
+export declare const FooterHint: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-footer-hint";
+}, "className">;
+export declare const FooterActions: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-footer-actions";
+}, "className">;
+export declare const RailList: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-rail-list";
+}, "className">;
+export declare const RailItem: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-rail-item";
+}, "className">;
+export declare const StepBadge: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-step-badge";
+} & {
     state: 'active' | 'complete' | 'inactive';
-}>, "className"> & Partial<Pick<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
-    state: 'active' | 'complete' | 'inactive';
-}>, "className">>> & string;
-export declare const SectionHeaderWrap: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const SectionBodyWrap: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const FieldBlock: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const FieldLabelRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const AiTextAreaShell: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
-    focused?: boolean | undefined;
-    minHeight?: string | undefined;
-}>, "className"> & Partial<Pick<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, "className">;
+export declare const SectionHeaderWrap: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-section-header-wrap";
+}, "className">;
+export declare const SectionBodyWrap: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-section-header-wrap";
+}, "className">;
+export declare const FieldBlock: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-field-block";
+}, "className">;
+export declare const FieldLabelRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-field-label-row";
+}, "className">;
+export declare const AiTextAreaShell: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-ai-text-area-shell";
+} & {
     focused?: boolean | undefined;
     minHeight?: string | undefined;
-}>, "className">>> & string;
-export declare const AiTextAreaInput: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const CardRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RadioCard: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, "className">;
+export declare const AiTextAreaInput: import('styled-components').StyledComponent<"textarea", any, {
+    className: "bik-ai-text-area-input";
+}, "className">;
+export declare const CardRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-card-row";
+}, "className">;
+export declare const RadioCard: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-radio-card";
+} & {
     selected?: boolean | undefined;
-}>, "className"> & Partial<Pick<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
-    selected?: boolean | undefined;
-}>, "className">>> & string;
-export declare const RadioCardText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ChipWrap: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const AddChipButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const Step3Root: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const Step3Grid: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
-    $grow?: boolean | undefined;
-}>, "className"> & Partial<Pick<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, "className">;
+export declare const RadioCardText: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-radio-card-text";
+}, "className">;
+export declare const ChipWrap: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-chip-wrap";
+}, "className">;
+export declare const AddChipButton: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-add-chip-button";
+}, "className">;
+export declare const Step3Root: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-agent-step bik-agent-step--response";
+}, "className">;
+export declare const Step3Grid: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-step3-grid";
+} & {
     $grow?: boolean | undefined;
-}>, "className">>> & string;
-export declare const Step3Divider: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const SideSection: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const SideSectionHeader: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const AddIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const SourceButtonRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const SourceButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const SelectableRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RowText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RowLabel: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RowRemoveButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RowActions: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RowActionDivider: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const RowMenuButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const DraftButtonScope: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ModalBody: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ModalIcon: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+}, "className">;
+export declare const Step3Divider: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-step3-divider";
+}, "className">;
+export declare const SideSection: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-side-section";
+}, "className">;
+export declare const SideSectionHeader: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-side-section-header";
+}, "className">;
+export declare const AddIconButton: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-add-icon-button";
+}, "className">;
+export declare const SourceButtonRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-source-button-row";
+}, "className">;
+export declare const SourceButton: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-source-button";
+}, "className">;
+export declare const SelectableRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-selectable-row";
+}, "className">;
+export declare const RowText: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-row-text";
+}, "className">;
+export declare const RowLabel: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-row-label";
+}, "className">;
+export declare const RowRemoveButton: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-row-remove-button";
+}, "className">;
+export declare const RowActions: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-row-actions";
+}, "className">;
+export declare const RowActionDivider: import('styled-components').StyledComponent<"span", any, {
+    className: "bik-row-action-divider";
+}, "className">;
+export declare const RowMenuButton: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-row-menu-button";
+}, "className">;
+export declare const DraftButtonScope: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-draft-button-scope";
+}, "className">;
+export declare const ModalBody: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-modal-body";
+}, "className">;
+export declare const ModalIcon: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-modal-icon";
+}, "className">;
 /**
  * The go-live SUCCESS dialog's natural height, which every state of
  * `AgentStateModal` is pinned to so the card doesn't resize as a publish moves
@@ -254,85 +157,50 @@ export declare const AGENT_STATE_MODAL_MIN_HEIGHT = 268;
  * floats the action row in the middle of the card. The hero takes the slack instead
  * (see `AgentStateModalHero`), so the actions stay at the bottom, above the body's
  * own 24px padding. */
-export declare const AgentStateModalBody: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>, "as" | "forwardedAs"> & {
-    as?: import('styled-components').WebTarget | undefined;
-    forwardedAs?: import('styled-components').WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (React.CSSProperties & {
-        [key: `--${string}`]: string | number | undefined;
-    }) | undefined;
-}> & string;
+export declare const AgentStateModalBody: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-modal-body";
+}, "className">;
 /** Badge + title + message. Grows into whatever height the pinned card has spare and
  * centres itself there, which is what keeps the actions pinned to the bottom. */
-export declare const AgentStateModalHero: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const ModalActions: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const AgentStateModalHero: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ModalActions: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-modal-actions";
+}, "className">;
 /** Inline action row inside a rich field (e.g. "Improve with AI"). */
-export declare const FieldActionRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ChannelsSectionRoot: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const FieldActionRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-field-action-row";
+}, "className">;
+export declare const ChannelsSectionRoot: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channels-section";
+}, "className">;
 /** "Channel management" / "Smart agent handover" — a text link, not a Button. */
-export declare const ChannelsLink: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChannelsLink: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-channels-link";
+}, "className">;
 /** One channel's card. */
-export declare const ChannelCard: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ChannelRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ChannelRowMain: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChannelCard: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-card";
+}, "className">;
+export declare const ChannelRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-row";
+}, "className">;
+export declare const ChannelRowMain: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-row-main";
+}, "className">;
 /** Label + glyph. Fixed-width so every card's chips start on the same column. */
-export declare const ChannelIdentity: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChannelIdentity: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-identity";
+}, "className">;
 /** Tinted 24×24 square holding the 16px brand glyph. */
-export declare const ChannelGlyph: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
-    tint: string;
-}>, "className"> & Partial<Pick<import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const ChannelGlyph: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-glyph";
+} & {
     tint: string;
-}>, "className">>> & string;
+}, "className">;
 /** The account chips. Wraps rather than overflowing when a store has many. */
-export declare const ChannelChips: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChannelChips: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-chips";
+}, "className">;
 /**
  * Hover target for a chip's tooltip.
  *
@@ -341,37 +209,27 @@ export declare const ChannelChips: import('styled-components/dist/types').IStyle
  * Tippy no DOM node and the tooltip silently never opens. This span is the node
  * it can hold on to. (`IconButton` wraps its disabled tooltip the same way.)
  */
-export declare const ChipTooltipTarget: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChipTooltipTarget: import('styled-components').StyledComponent<"span", any, {
+    className: "bik-chip-tooltip-target";
+}, "className">;
 /** Scrollable account list inside the picker modal. */
-export declare const ChannelPickerList: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ChannelPickerRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChannelPickerList: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-list";
+}, "className">;
+export declare const ChannelPickerRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-row";
+}, "className">;
 /**
  * Glyph + account name inside a picker row. Figma wraps these in their own
  * `px-4` group, so the checkbox sits 12px from the glyph but the glyph sits 8px
  * from the label.
  */
-export declare const ChannelPickerAccount: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
-export declare const ChannelPickerBody: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className"> & Partial<Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, "className">>> & string;
+export declare const ChannelPickerAccount: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-account";
+}, "className">;
+export declare const ChannelPickerBody: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-body";
+}, "className">;
 /**
  * Figma reserves a 24×24 slot for a checkbox (an 18px box inset by 3px), but the
  * library's CheckBox renders the bare 18px box. Without this the checkbox column