@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/types/components/Forms/Slider/Slider.styled.d.ts

@@ -0,0 +1,32 @@
+import type SliderProps from './Slider.types';
+interface SliderRootProps extends SliderProps {
+    width: NonNullable<SliderProps['width']>;
+}
+export declare const SliderRoot: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SliderRootProps, never>;
+interface SliderTrackProps extends SliderProps {
+}
+export declare const SliderTrack: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SliderTrackProps, never>;
+interface SliderRangeProps extends SliderProps {
+}
+export declare const SliderRange: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SliderRangeProps, never>;
+interface SliderGuideProps extends SliderProps {
+    min: NonNullable<SliderProps['min']>;
+    max: NonNullable<SliderProps['max']>;
+    guideValue: number;
+}
+export declare const SliderGuide: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SliderGuideProps, never>;
+interface SliderThumbProps extends SliderProps {
+}
+export declare const SliderThumb: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SliderThumbProps, never>;
+export {};
+//# sourceMappingURL=Slider.styled.d.ts.map

package/dist/types/components/Forms/Slider/Slider.types.d.ts

@@ -0,0 +1,28 @@
+import type { SliderProps as SliderPrimitiveProps } from '@radix-ui/react-slider';
+import type { BezierComponentProps } from "../../../types/ComponentProps";
+interface SliderOptions {
+    /**
+     * CSS Width of entire slider.
+     * If given value is number or doesn't end with proper unit, `defaultUnit` is suffixed to given value.
+     *
+     * @see /packages/bezier-react/src/utils/styleUtils.ts
+     * @default 36
+     */
+    width?: number | string;
+    /**
+     * When array of number `guide` is provided, guide mark will be shown above track regard to given value(s).
+     */
+    guide?: number[];
+    /**
+     * Callback of slider thumb's `onpointerdown` event.
+     */
+    onThumbPointerDown?: (value: number[]) => void;
+    /**
+     * Callback of slider thumb's `onpointerup` event.
+     */
+    onThumbPointerUp?: (value: number[]) => void;
+}
+export default interface SliderProps extends BezierComponentProps, SliderPrimitiveProps, SliderOptions {
+}
+export {};
+//# sourceMappingURL=Slider.types.d.ts.map

package/dist/types/components/Forms/Slider/index.d.ts

@@ -0,0 +1,4 @@
+import { Slider } from './Slider';
+import type SliderProps from './Slider.types';
+export { Slider, type SliderProps, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Forms/Switch/Switch.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type SwitchProps from './Switch.types';
+export declare const SWITCH_TEST_ID = "bezier-react-switch";
+export declare const SWITCH_HANDLE_TEST_ID = "bezier-react-switch-handle";
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/types/components/Forms/Switch/Switch.styled.d.ts

@@ -0,0 +1,15 @@
+import type SwitchProps from './Switch.types';
+interface SwitchRootProps extends SwitchProps {
+    size: NonNullable<SwitchProps['size']>;
+}
+export declare const SwitchRoot: import("styled-components").StyledComponent<"button", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SwitchRootProps, never>;
+interface SwitchThumbProps extends SwitchProps {
+    size: NonNullable<SwitchProps['size']>;
+}
+export declare const SwitchThumb: import("styled-components").StyledComponent<"span", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & SwitchThumbProps, never>;
+export {};
+//# sourceMappingURL=Switch.styled.d.ts.map

package/dist/types/components/Forms/Switch/Switch.types.d.ts

@@ -0,0 +1,46 @@
+import type { SwitchProps as SwitchPrimitiveProps } from '@radix-ui/react-switch';
+import type { AdditionalTestIdProps, BezierComponentProps, SizeProps } from "../../../types/ComponentProps";
+import type { FormComponentProps } from "../Form.types";
+export declare enum SwitchSize {
+    M = "m",
+    S = "s"
+}
+interface SwitchOptions extends Omit<SwitchPrimitiveProps, 'asChild'> {
+    /**
+     * The state of the switch when it is initially rendered.
+     * Use when you do not need to control its state.
+     *
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * The controlled state of the switch.
+     * Must be used in conjunction with `onCheckedChange`.
+     */
+    checked?: boolean;
+    /**
+     * Event handler called when the state of the switch changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * When `true`, prevents the user from interacting with the switch.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, indicates that the user must check the switch before the owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The name of the switch.
+     * Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    value?: string;
+}
+export default interface SwitchProps extends BezierComponentProps, SizeProps<SwitchSize>, FormComponentProps, AdditionalTestIdProps<'handle'>, SwitchOptions {
+}
+export {};
+//# sourceMappingURL=Switch.types.d.ts.map

package/dist/types/components/Forms/Switch/index.d.ts

@@ -0,0 +1,5 @@
+import { Switch } from './Switch';
+import type SwitchProps from './Switch.types';
+import { SwitchSize } from './Switch.types';
+export { Switch, type SwitchProps, SwitchSize, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Forms/index.d.ts

@@ -0,0 +1,9 @@
+import type { FormComponentProps } from './Form.types';
+import FormFieldSize from './FormFieldSize';
+import useFormControlContext from './useFormControlContext';
+import useFormFieldProps from './useFormFieldProps';
+import useKeyboardActionLockerWhileComposing from './useKeyboardActionLockerWhileComposing';
+export type { FormComponentProps };
+export * from './Inputs/constants/CommonImeControlKeys';
+export { FormFieldSize, useFormControlContext, useFormFieldProps, useKeyboardActionLockerWhileComposing, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Forms/useFormControlContext.d.ts

@@ -0,0 +1,3 @@
+declare function useFormControlContext(): import("./FormControl").FormControlContextValue | undefined;
+export default useFormControlContext;
+//# sourceMappingURL=useFormControlContext.d.ts.map

package/dist/types/components/Forms/useFormFieldProps.d.ts

@@ -0,0 +1,23 @@
+import type { FormComponentProps } from "./Form.types";
+declare function useFormFieldProps<Props extends FormComponentProps>(props?: Props): ((Omit<Props & import("./FormControl").FormControlContextCommonValue & Omit<import("./FormControl").FormControlAriaProps, "aria-labelledby">, "disabled" | "readOnly" | "required" | "hasError"> & {
+    'aria-disabled': boolean | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-required': boolean | undefined;
+    'aria-readonly': boolean | undefined;
+    disabled: boolean;
+    hasError: boolean;
+    required: boolean;
+    readOnly: boolean;
+}) | {
+    'aria-disabled': boolean | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-required': boolean | undefined;
+    'aria-readonly': boolean | undefined;
+    disabled: boolean;
+    hasError: boolean;
+    required: boolean;
+    readOnly: boolean;
+    id?: string | undefined;
+}) & Props;
+export default useFormFieldProps;
+//# sourceMappingURL=useFormFieldProps.d.ts.map

package/dist/types/components/Forms/useKeyboardActionLockerWhileComposing.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+interface UseKeyboardActionLockerWhileComposingProps<TargetElement extends HTMLElement = HTMLInputElement> {
+    keysToLock?: string[];
+    onKeyDown?: React.KeyboardEventHandler<TargetElement>;
+    onKeyUp?: React.KeyboardEventHandler<TargetElement>;
+}
+declare function useKeyboardActionLockerWhileComposing<TargetElement extends HTMLElement = HTMLInputElement>({ keysToLock, onKeyDown, onKeyUp, }: UseKeyboardActionLockerWhileComposingProps<TargetElement>): {
+    handleKeyDown: React.KeyboardEventHandler<TargetElement> | undefined;
+    handleKeyUp: React.KeyboardEventHandler<TargetElement> | undefined;
+};
+export default useKeyboardActionLockerWhileComposing;
+//# sourceMappingURL=useKeyboardActionLockerWhileComposing.d.ts.map

package/dist/types/components/Help/Help.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type HelpProps from './Help.types';
+export declare const HELP_TEST_ID = "bezier-react-help";
+export declare const HELP_DISPLAY_NAME = "Help";
+declare function Help({ children, ...rest }: HelpProps): JSX.Element | null;
+declare namespace Help {
+    var displayName: string;
+}
+export default Help;
+//# sourceMappingURL=Help.d.ts.map

package/dist/types/components/Help/Help.styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Icon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+export declare const Tooltip: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../Tooltip").TooltipProps & import("react").RefAttributes<any>>>, import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+//# sourceMappingURL=Help.styled.d.ts.map

package/dist/types/components/Help/Help.types.d.ts

@@ -0,0 +1,5 @@
+import { type BezierComponentProps, type ChildrenProps } from "../../types/ComponentProps";
+import { type TooltipProps } from "../Tooltip";
+export default interface HelpProps extends BezierComponentProps, ChildrenProps, Omit<TooltipProps, 'content'> {
+}
+//# sourceMappingURL=Help.types.d.ts.map

package/dist/types/components/Help/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Help } from './Help';
+export { HELP_DISPLAY_NAME } from './Help';
+export type { default as HelpProps } from './Help.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Icon/Icon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type IconProps } from './Icon.types';
+export declare const ICON_TEST_ID = "bezier-react-icon";
+export declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/types/components/Icon/Icon.styled.d.ts

@@ -0,0 +1,12 @@
+import { type ColorProps } from "../../types/ComponentProps";
+interface IconStyledProps extends ColorProps {
+    margintop: number;
+    marginright: number;
+    marginbottom: number;
+    marginleft: number;
+}
+declare const Icon: import("styled-components").StyledComponent<"svg", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & IconStyledProps, never>;
+export default Icon;
+//# sourceMappingURL=Icon.styled.d.ts.map

package/dist/types/components/Icon/Icon.types.d.ts

@@ -0,0 +1,54 @@
+import type React from 'react';
+import { type BezierComponentProps, type ColorProps, type SizeProps } from "../../types/ComponentProps";
+export declare enum IconSize {
+    XL = 44,
+    L = 36,
+    Normal = 24,
+    S = 20,
+    XS = 16,
+    XXS = 12,
+    XXXS = 10
+}
+interface IconOptions {
+    /**
+     * Controls which icon should be rendered.
+     * Inject the icon component from the @channel.io/bezier-icons package into this prop.
+     *
+     * @example
+     * ```tsx
+     * import { HeartFilledIcon } from '@channel.io/bezier-icons'
+     * import { Icon } from '@channel.io/bezier-react'
+     *
+     * <Icon source={HeartFilledIcon} {...} />
+     * ```
+     */
+    source: React.ElementType<React.SVGProps<SVGSVGElement>>;
+    /**
+     * Top margin.
+     *
+     * @default 0
+     */
+    marginTop?: number;
+    /**
+     * Right margin.
+     *
+     * @default 0
+     */
+    marginRight?: number;
+    /**
+     * Bottom margin.
+     *
+     * @default 0
+     */
+    marginBottom?: number;
+    /**
+     * Left margin.
+     *
+     * @default 0
+     */
+    marginLeft?: number;
+}
+export interface IconProps extends Omit<BezierComponentProps, 'as'>, SizeProps<IconSize>, ColorProps, Omit<React.HTMLAttributes<SVGSVGElement>, keyof ColorProps>, IconOptions {
+}
+export {};
+//# sourceMappingURL=Icon.types.d.ts.map

package/dist/types/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export { type IconProps, IconSize, } from './Icon.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueListItem.common.styled.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import { type InterpolationProps } from "../../types/Foundation";
+export declare const KeyValueListItemWrapper: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & InterpolationProps, never>;
+export interface KeyValueListItemContainerProps {
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const KeyValueListItemContainer: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & KeyValueListItemContainerProps, never>;
+//# sourceMappingURL=KeyValueListItem.common.styled.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueListItem.const.d.ts

@@ -0,0 +1,8 @@
+export declare const TEST_ID_MAP: {
+    ROOT: string;
+    MULTILINE_ROOT: string;
+    KEY_ITEM: string;
+    VALUE_ITEM: string;
+    ACTIONS_ITEM: string;
+};
+//# sourceMappingURL=KeyValueListItem.const.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueListItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type KeyValueListItemProps } from './KeyValueListItem.types';
+declare const _default: React.ForwardRefExoticComponent<KeyValueListItemProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=KeyValueListItem.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueListItem.styled.d.ts

@@ -0,0 +1,16 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & import("../..").InterpolationProps & {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+export declare const KeyItemContainer: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+export declare const ValueItemContainer: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+//# sourceMappingURL=KeyValueListItem.styled.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueListItem.types.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+import { type BezierIcon } from '@channel.io/bezier-icons';
+import type { AdditionalStylableProps, BezierComponentProps, ChildrenProps } from "../../types/ComponentProps";
+import { type KeyValueListItemActionProps } from './common';
+interface KeyValueListItemOptions {
+    keyIcon?: BezierIcon | React.ReactNode;
+    keyContent?: React.ReactNode;
+    actions?: KeyValueListItemActionProps | KeyValueListItemActionProps[];
+}
+export interface KeyValueListItemProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, AdditionalStylableProps<['valueWrapper', 'keyWrapper']>, KeyValueListItemOptions {
+    onClickKey?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onClickValue?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+export {};
+//# sourceMappingURL=KeyValueListItem.types.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueMultiLineListItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type KeyValueListItemProps } from './KeyValueListItem.types';
+declare const _default: React.ForwardRefExoticComponent<KeyValueListItemProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=KeyValueMultiLineListItem.d.ts.map

package/dist/types/components/KeyValueListItem/KeyValueMultiLineListItem.styled.d.ts

@@ -0,0 +1,16 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & import("../..").InterpolationProps & {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+export declare const KeyItemContainer: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+export declare const ValueItemContainer: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
+    foundation?: import("../../foundation").Foundation | undefined;
+} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
+    foundation?: import("../../foundation").Foundation | undefined;
+}, never>;
+//# sourceMappingURL=KeyValueMultiLineListItem.styled.d.ts.map

package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type ItemActionProps } from './ItemAction.types';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ItemActionProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
+//# sourceMappingURL=ItemAction.d.ts.map

package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { type AdditionalColorProps } from "../../../../types/ComponentProps";
+export declare const ItemActionWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+}, never>;
+interface ActionWrapperProps extends AdditionalColorProps<['hoverBackground', 'hoverIcon']> {
+    show: boolean;
+}
+export declare const ActionIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../../../Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+}, never>;
+export declare const ActionLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("../../../LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+}, never>;
+export declare const ActionIconWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+} & ActionWrapperProps, never>;
+export declare const ActionIconTooltip: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../../../Tooltip").TooltipProps & import("react").RefAttributes<any>>>, import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+}, never>;
+export {};
+//# sourceMappingURL=ItemAction.styled.d.ts.map

package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
+import type { AdditionalColorProps, BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
+export type ItemActionWithIcon = {
+    icon: IconName | BezierIcon;
+    tooltip?: string;
+    show?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+} & AdditionalColorProps<['icon', 'hoverBackground', 'hoverIcon']>;
+export type KeyValueListItemActionProps = ItemActionWithIcon | React.ReactElement;
+interface ItemActionOptions {
+    actions?: KeyValueListItemActionProps | KeyValueListItemActionProps[];
+}
+export interface ItemActionProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, ItemActionOptions {
+}
+export {};
+//# sourceMappingURL=ItemAction.types.d.ts.map

package/dist/types/components/KeyValueListItem/common/ItemActions/index.d.ts

@@ -0,0 +1,5 @@
+import ItemAction from './ItemAction';
+import type { KeyValueListItemActionProps } from './ItemAction.types';
+export type { KeyValueListItemActionProps, };
+export { ItemAction, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type KeyItemProps } from './KeyItem.types';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<KeyItemProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
+//# sourceMappingURL=KeyItem.d.ts.map

package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type InterpolationProps } from "../../../../types/Foundation";
+export declare const KeyContent: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+} & InterpolationProps, never>;
+export declare const KeyText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+} & {
+    forwardedAs: string;
+    color: "txt-black-dark";
+}, "color" | "forwardedAs">;
+//# sourceMappingURL=KeyItem.styled.d.ts.map

package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.types.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
+import type { BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
+interface KeyItemOptions {
+    keyIcon?: IconName | BezierIcon | React.ReactNode;
+}
+export interface KeyItemProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, KeyItemOptions {
+}
+export {};
+//# sourceMappingURL=KeyItem.types.d.ts.map

package/dist/types/components/KeyValueListItem/common/KeyItem/index.d.ts

@@ -0,0 +1,3 @@
+import KeyItem from './KeyItem';
+export { KeyItem, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/KeyValueListItem/common/ValueItem/ValueItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type ValueItemProps } from './ValueItem.types';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ValueItemProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
+//# sourceMappingURL=ValueItem.d.ts.map

package/dist/types/components/KeyValueListItem/common/ValueItem/ValueItem.styled.d.ts

@@ -0,0 +1,9 @@
+import { type InterpolationProps } from "../../../../types/Foundation";
+interface ValueWrapperProps extends InterpolationProps {
+    multiline?: boolean;
+}
+export declare const ValueWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+    foundation?: import("../../../../foundation").Foundation | undefined;
+} & ValueWrapperProps, never>;
+export {};
+//# sourceMappingURL=ValueItem.styled.d.ts.map

package/dist/types/components/KeyValueListItem/common/ValueItem/ValueItem.types.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
+interface ValueItemOptions {
+    multiline?: boolean;
+}
+export interface ValueItemProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, ValueItemOptions {
+}
+export {};
+//# sourceMappingURL=ValueItem.types.d.ts.map

package/dist/types/components/KeyValueListItem/common/ValueItem/index.d.ts

@@ -0,0 +1,3 @@
+import ValueItem from './ValueItem';
+export { ValueItem, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/KeyValueListItem/common/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ItemActions';
+export * from './KeyItem';
+export * from './ValueItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/KeyValueListItem/index.d.ts

@@ -0,0 +1,8 @@
+import KeyValueListItem from './KeyValueListItem';
+import type { KeyValueListItemProps } from './KeyValueListItem.types';
+import KeyValueMultiLineListItem from './KeyValueMultiLineListItem';
+import type { KeyValueListItemActionProps } from './common';
+import type { KeyValueListItemContainerProps } from './KeyValueListItem.common.styled';
+export type { KeyValueListItemContainerProps, KeyValueListItemActionProps, KeyValueListItemProps, };
+export { KeyValueListItem, KeyValueMultiLineListItem, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/LegacyIcon/LegacyIcon.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type LegacyIconProps from './LegacyIcon.types';
+/**
+ * @deprecated Please import and use individual icons.
+ * @example
+ * import { AllIcon } from '@channel.io/bezier-icons'
+ * import { Icon, type IconProps } from '@channel.io/bezier-react'
+ * <Icon source={AllIcon} color="bg-black-dark" />
+ * @example <caption>How to validate the bezier icon source</caption>
+ * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'
+ * isBezierIcon(AllIcon) // true
+ * isBezierIcon(() => <svg>...</svg>) // false
+ * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>
+ * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'
+ * <LegacyIcon name="all" color="bg-black-dark" />
+ */
+declare const LegacyIcon: React.MemoExoticComponent<({ name, ...rest }: LegacyIconProps) => JSX.Element | null>;
+export default LegacyIcon;
+//# sourceMappingURL=LegacyIcon.d.ts.map

package/dist/types/components/LegacyIcon/LegacyIcon.types.d.ts

@@ -0,0 +1,23 @@
+import { type IconName } from '@channel.io/bezier-icons';
+import { type IconProps } from "../Icon";
+interface LegacyIconOptions {
+    name: IconName;
+}
+/**
+ * @deprecated Please import and use individual icons.
+ * @example
+ * import { AllIcon } from '@channel.io/bezier-icons'
+ * import { Icon, type IconProps } from '@channel.io/bezier-react'
+ * <Icon source={AllIcon} color="bg-black-dark" />
+ * @example <caption>How to validate the bezier icon source</caption>
+ * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'
+ * isBezierIcon(AllIcon) // true
+ * isBezierIcon(() => <svg>...</svg>) // false
+ * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>
+ * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'
+ * <LegacyIcon name="all" color="bg-black-dark" />
+ */
+export default interface LegacyIconProps extends Omit<IconProps, 'source'>, LegacyIconOptions {
+}
+export {};
+//# sourceMappingURL=LegacyIcon.types.d.ts.map

package/dist/types/components/LegacyIcon/index.d.ts

@@ -0,0 +1,4 @@
+export { default as LegacyIcon } from './LegacyIcon';
+export type { default as LegacyIconProps } from './LegacyIcon.types';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/LegacyIcon/utils.d.ts

@@ -0,0 +1,17 @@
+import { type IconName } from '@channel.io/bezier-icons';
+/**
+ * @deprecated Please import and use individual icons.
+ * @example
+ * import { AllIcon } from '@channel.io/bezier-icons'
+ * import { Icon, type IconProps } from '@channel.io/bezier-react'
+ * <Icon source={AllIcon} color="bg-black-dark" />
+ * @example <caption>How to validate the bezier icon source</caption>
+ * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'
+ * isBezierIcon(AllIcon) // true
+ * isBezierIcon(() => <svg>...</svg>) // false
+ * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>
+ * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'
+ * <LegacyIcon name="all" color="bg-black-dark" />
+ */
+export declare const isIconName: (name: any) => name is IconName;
+//# sourceMappingURL=utils.d.ts.map