@channel.io/bezier-react 1.4.0 → 1.6.0

package/dist/types/components/Forms/Inputs/Select/Select.types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { type BezierIcon } from '@channel.io/bezier-icons';
+import type { AdditionalColorProps, AdditionalStylableProps, AdditionalTestIdProps, BezierComponentProps, ChildrenProps, SideContentProps, SizeProps } from "../../../../types/ComponentProps";
+import type { FormComponentProps } from "../..";
+import type { OverlayProps } from "../../../Overlay";
+export declare enum SelectSize {
+    XL = 54,
+    L = 44,
+    M = 36,
+    S = 28
+}
+export interface SelectRef {
+    handleClickTrigger(event: React.MouseEvent): void;
+    handleHideDropdown(): void;
+    getDOMNode(): Element | Text | null;
+}
+interface SelectOptions {
+    defaultFocus?: boolean;
+    placeholder?: string;
+    text?: string;
+    withoutChevron?: boolean;
+    dropdownContainer?: HTMLElement | null;
+    dropdownMarginX?: OverlayProps['marginX'];
+    dropdownMarginY?: OverlayProps['marginY'];
+    dropdownZIndex?: number;
+    dropdownPosition?: OverlayProps['position'];
+    onClickTrigger?: React.MouseEventHandler;
+    onHideDropdown?: () => void;
+}
+interface SelectProps extends BezierComponentProps, ChildrenProps, SizeProps<SelectSize>, SideContentProps<BezierIcon | React.ReactNode, BezierIcon | React.ReactNode>, AdditionalTestIdProps<['trigger', 'triggerText', 'dropdown']>, AdditionalStylableProps<'dropdown'>, AdditionalColorProps<['icon', 'text']>, FormComponentProps, SelectOptions {
+}
+export default SelectProps;
+//# sourceMappingURL=Select.types.d.ts.map

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

@@ -0,0 +1,6 @@
+import Select from './Select';
+import { type SelectRef, SelectSize } from './Select.types';
+import type SelectProps from './Select.types';
+export type { SelectProps, SelectRef, };
+export { Select, SelectSize, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Forms/Inputs/TextArea/TextArea.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type TextAreaProps from './TextArea.types';
+export declare const TEXT_AREA_TEST_ID = "bezier-react-text-area";
+declare const _default: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/types/components/Forms/Inputs/TextArea/TextArea.styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { type SemanticNames } from "../../../../foundation";
+import { type InterpolationProps } from "../../../../types/Foundation";
+interface WrapperProps extends InterpolationProps {
+    focused: boolean;
+    hasError?: boolean;
+    bgColor: SemanticNames;
+    disabled: boolean;
+}
+interface TextAreaAutoSizeBaseProps extends InterpolationProps {
+    disabled: boolean;
+    readOnly: boolean;
+}
+declare const _default: {
+    Wrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & WrapperProps, never>;
+    TextAreaAutoSizeBase: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>>, import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & TextAreaAutoSizeBaseProps, never>;
+};
+export default _default;
+//# sourceMappingURL=TextArea.styled.d.ts.map

package/dist/types/components/Forms/Inputs/TextArea/TextArea.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextArea/TextArea.styled.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,KAAK,aAAa,EAInB,+BAAwB;AAGzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,qCAA8B;AAUhE,UAAU,YAAa,SAAQ,kBAAkB;IAC/C,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,aAAa,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAsBD,UAAU,yBAA0B,SAAQ,kBAAkB;IAC5D,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB;;;;;;;;;AA4BD,wBAGC"}

package/dist/types/components/Forms/Inputs/TextArea/TextArea.types.d.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+import type { AdditionalStylableProps, BezierComponentProps } from "../../../../types/ComponentProps";
+import { type FormComponentProps } from "../../Form.types";
+export declare enum TextAreaHeight {
+    Row3 = 3,
+    Row6 = 6,
+    Row10 = 10,
+    Row16 = 16,
+    Row24 = 24,
+    Row36 = 36
+}
+type TextAreaChangeEventHandler = React.ChangeEventHandler<HTMLTextAreaElement>;
+interface TextAreaOptions {
+    minRows?: TextAreaHeight;
+    maxRows?: TextAreaHeight;
+    autoFocus?: boolean;
+    onFocus?: TextAreaChangeEventHandler;
+    onBlur?: TextAreaChangeEventHandler;
+    onChange?: TextAreaChangeEventHandler;
+}
+type OmittedTextareaHTMLAttributes = keyof FormComponentProps | 'onFocus' | 'onBlur';
+export default interface TextAreaProps extends BezierComponentProps, FormComponentProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmittedTextareaHTMLAttributes>, AdditionalStylableProps<'wrapper'>, TextAreaOptions {
+}
+export {};
+//# sourceMappingURL=TextArea.types.d.ts.map

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

@@ -0,0 +1,6 @@
+import TextArea from './TextArea';
+import type TextAreaProps from './TextArea.types';
+import { TextAreaHeight } from './TextArea.types';
+export type { TextAreaProps, };
+export { TextArea, TextAreaHeight, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Forms/Inputs/TextArea/utils.d.ts

@@ -0,0 +1,9 @@
+import { type SemanticNames } from "../../../../foundation";
+interface CalculateBgColorProps {
+    focused: boolean;
+    hasError: boolean;
+    readOnly: boolean;
+}
+export declare function getTextAreaBgColorSemanticName({ focused, hasError, readOnly, }: CalculateBgColorProps): SemanticNames;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/components/Forms/Inputs/TextField/TextField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type TextFieldProps, type TextFieldRef } from './TextField.types';
+export declare const TEXT_INPUT_TEST_ID = "bezier-react-text-input";
+declare const _default: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldRef>>;
+export default _default;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/types/components/Forms/Inputs/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAqBd,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,YAAY,EAIlB,MAAM,mBAAmB,CAAA;AAQ1B,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;;AAuX3D,wBAA6C"}

package/dist/types/components/Forms/Inputs/TextField/TextField.styled.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { type FlattenSimpleInterpolation } from 'styled-components';
+import { type SemanticNames } from "../../../../foundation";
+import { type InterpolationProps } from "../../../../types/Foundation";
+import { TextFieldSize, TextFieldVariant } from './TextField.types';
+interface ClickableElementProps {
+    clickable: boolean;
+}
+interface WrapperProps {
+    variant?: TextFieldVariant;
+    bgColor: SemanticNames;
+    size: TextFieldSize;
+    borderRadius?: FlattenSimpleInterpolation;
+    hasError?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+}
+declare const _default: {
+    Input: import("styled-components").StyledComponent<"input", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & InterpolationProps, never>;
+    LeftIcon: 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;
+    } & ClickableElementProps, never>;
+    LeftContentWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & InterpolationProps, never>;
+    RightItemWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & ClickableElementProps & InterpolationProps, never>;
+    RightContentWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & InterpolationProps, never>;
+    ClearIconWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    }, never>;
+    Wrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").Foundation, {
+        foundation?: import("../../../../foundation").Foundation | undefined;
+    } & WrapperProps & InterpolationProps, never>;
+};
+export default _default;
+//# sourceMappingURL=TextField.styled.d.ts.map

package/dist/types/components/Forms/Inputs/TextField/TextField.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EACL,KAAK,aAAa,EAInB,+BAAwB;AAGzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,qCAA8B;AAWhE,OAAO,EACL,aAAa,EACb,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAE1B,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;CACnB;AAyED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;;;;;;;;;;;;;;;;;;;;;;;;AA0CD,wBAQC"}

package/dist/types/components/Forms/Inputs/TextField/TextField.types.d.ts

@@ -0,0 +1,58 @@
+import type React from 'react';
+import { type BezierIcon } from '@channel.io/bezier-icons';
+import type { AdditionalColorProps, AdditionalStylableProps, BezierComponentProps, SideContentProps, SizeProps, VariantProps } from "../../../../types/ComponentProps";
+import type { FormComponentProps } from "../..";
+export declare enum TextFieldType {
+    Search = "search",
+    Text = "text",
+    Email = "email",
+    Password = "password",
+    Tel = "tel",
+    Url = "url",
+    Hidden = "hidden",
+    Number = "number"
+}
+export declare enum TextFieldSize {
+    XL = 54,
+    L = 44,
+    M = 36,
+    XS = 28
+}
+export type SelectionRangeDirections = 'forward' | 'backward' | 'none';
+export declare enum TextFieldVariant {
+    Primary = 0,
+    Secondary = 1
+}
+export type TextFieldItemProps = {
+    icon: BezierIcon;
+    onClick?: React.MouseEventHandler;
+} & AdditionalColorProps<'icon'> | React.ReactElement;
+export interface TextFieldRef {
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void;
+    getSelectionRange(): [number, number];
+    selectAll(): void;
+    unselect(): void;
+    getBoundingClientRect(): ClientRect | DOMRect;
+    getDOMNode(): Element | Text | null;
+}
+type ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>;
+type KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>;
+interface TextFieldOptions {
+    type?: TextFieldType;
+    allowClear?: boolean;
+    selectAllOnInit?: boolean;
+    selectAllOnFocus?: boolean;
+    withoutLeftContentWrapper?: boolean;
+    withoutRightContentWrapper?: boolean;
+    onFocus?: ChangeEventHandler;
+    onChange?: ChangeEventHandler;
+    onKeyDown?: KeyboardEventHandler;
+    onKeyUp?: KeyboardEventHandler;
+}
+type OmittedInputHTMLAttributes = 'type' | 'size' | 'readOnly' | 'disabled' | 'onFocus';
+export interface TextFieldProps extends FormComponentProps, BezierComponentProps, SizeProps<TextFieldSize>, VariantProps<TextFieldVariant>, SideContentProps<TextFieldItemProps, TextFieldItemProps | TextFieldItemProps[]>, AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>, Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>, TextFieldOptions {
+}
+export {};
+//# sourceMappingURL=TextField.types.d.ts.map

package/dist/types/components/Forms/Inputs/TextField/TextField.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAGhE,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;AACpE,KAAK,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;AAExE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvF,MAAM,WAAW,cAAe,SAC9B,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,CAAC,aAAa,CAAC,EACxB,YAAY,CAAC,gBAAgB,CAAC,EAC9B,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAC/E,uBAAuB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EAC5E,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,0BAA0B,CAAC,EAC7E,gBAAgB;CAAG"}

package/dist/types/components/Forms/Inputs/TextField/TextFieldUtils.d.ts

@@ -0,0 +1,16 @@
+import { type FlattenSimpleInterpolation } from 'styled-components';
+import { type SemanticNames } from "../../../../foundation";
+import { TextFieldSize, TextFieldVariant } from './TextField.types';
+interface BackgroundColorProps {
+    variant: TextFieldVariant;
+    focused: boolean;
+    hasError: boolean;
+    readOnly: boolean;
+}
+export declare function getProperTextFieldBgColor({ variant, focused, hasError, readOnly, }: BackgroundColorProps): SemanticNames;
+interface BorderRadiusProps {
+    size: TextFieldSize;
+}
+export declare function getProperTextFieldBorderRadius({ size, }: BorderRadiusProps): FlattenSimpleInterpolation;
+export {};
+//# sourceMappingURL=TextFieldUtils.d.ts.map

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

@@ -0,0 +1,6 @@
+import TextField from './TextField';
+import { TextFieldSize, TextFieldType, TextFieldVariant } from './TextField.types';
+import type { TextFieldProps, TextFieldRef } from './TextField.types';
+export type { TextFieldProps, TextFieldRef, };
+export { TextField, TextFieldSize, TextFieldType, TextFieldVariant, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Forms/Inputs/constants/CommonImeControlKeys.d.ts

@@ -0,0 +1,2 @@
+export declare const COMMON_IME_CONTROL_KEYS: string[];
+//# sourceMappingURL=CommonImeControlKeys.d.ts.map

package/dist/types/components/Forms/Inputs/mixins.d.ts

@@ -0,0 +1,17 @@
+import { type FormComponentProps } from "../Form.types";
+export declare const inputTextStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FormComponentProps & {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, import("../../../foundation").Foundation>>;
+export declare const inputPlaceholderStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, import("../../../foundation").Foundation>>;
+export declare const inputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, import("../../../foundation").Foundation>>;
+export declare const focusedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, import("../../../foundation").Foundation>>;
+export declare const erroredInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, import("../../../foundation").Foundation>>;
+//# sourceMappingURL=mixins.d.ts.map

package/dist/types/components/Forms/Inputs/mixins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../../../src/components/Forms/Inputs/mixins.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,kBAAkB,EAAE,sBAAyC;AAE3E,eAAO,MAAM,cAAc;;6CAM1B,CAAA;AAED,eAAO,MAAM,qBAAqB;;6CAIjC,CAAA;AAED,eAAO,MAAM,iBAAiB;;6CAG7B,CAAA;AAED,eAAO,MAAM,wBAAwB;;6CAGpC,CAAA;AAED,eAAO,MAAM,wBAAwB;;6CAGpC,CAAA"}

package/dist/types/components/Forms/RadioGroup/Radio.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type RadioProps } from './RadioGroup.types';
+declare function RadioImpl<Value extends string>({ children, id: idProp, ...rest }: RadioProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>): JSX.Element;
+/**
+ * `Radio` is a checkable button, known as a radio button.
+ * It should be a child of `RadioGroup`.
+ */
+export declare const Radio: <Value extends string>(props: RadioProps<Value> & {
+    ref?: React.ForwardedRef<HTMLButtonElement> | undefined;
+}) => JSX.Element;
+export {};
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type RadioGroupProps } from './RadioGroup.types';
+declare function RadioGroupImpl<Value extends string>({ children, spacing, direction, ...rest }: RadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>): JSX.Element;
+/**
+ * `RadioGroup` is a set of checkable buttons, known as radio buttons.
+ *
+ * `RadioGroup` is a context of the `Radio` components. also, it renders an element which has the 'radiogroup' role.
+ * It controls all the parts of a radio group.
+ *
+ * @example
+ *
+ * ```tsx
+ * // Anatomy of the RadioGroup
+ * <RadioGroup>
+ *  <Radio />
+ * </RadioGroup>
+ * ```
+ */
+export declare const RadioGroup: <Value extends string>(props: RadioGroupProps<Value> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+}) => JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { type RadioProps } from './RadioGroup.types';
+export declare const RadioGroupPrimitiveItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & RadioProps<string>, never>;
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & {
+    forwardedAs: string;
+    typo: import("styled-components").FlattenSimpleInterpolation;
+    color: "txt-black-darkest";
+}, "color" | "forwardedAs" | "typo">;
+//# sourceMappingURL=RadioGroup.styled.d.ts.map

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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import type * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { type BezierComponentProps, type ChildrenProps } from "../../../types/ComponentProps";
+import { type FormComponentProps } from "..";
+import { type StackProps } from "../../Stack";
+interface RadioGroupOptions<Value extends string> {
+    /**
+     * The controlled value of the radio item to check.
+     * Should be used in conjunction with `onValueChange`.
+     */
+    value?: Value;
+    /**
+     * The value of the radio item that should be checked when initially rendered.
+     * Use when you do not need to control the state of the radio items.
+     */
+    defaultValue?: Value;
+    /**
+     * The name of the group.
+     * Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * Default spacing between Radio, in pixels.
+     * @default 0
+     */
+    spacing?: StackProps['spacing'];
+    /**
+     * Direction of this RadioGroup.
+     * @default vertical
+     */
+    direction?: StackProps['direction'];
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: Value) => void;
+}
+interface RadioOptions<Value extends string> {
+    /**
+     * The value given as data when submitted with a `RadioGroupProps.name`.
+     */
+    value: Value;
+    /**
+     * The unique id of the radio item. It is created automatically by default.
+     * It used by the label element in the radio item.
+     */
+    id?: string;
+}
+type RadioFormComponentProps = Pick<FormComponentProps, 'disabled' | 'required'>;
+export interface RadioGroupProps<Value extends string> extends BezierComponentProps, ChildrenProps, RadioFormComponentProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioGroupOptions<Value> | keyof RadioGroupPrimitive.RadioGroupProps>, RadioGroupOptions<Value> {
+}
+export interface RadioProps<Value extends string> extends BezierComponentProps, ChildrenProps, RadioFormComponentProps, Omit<React.HTMLAttributes<HTMLButtonElement>, keyof RadioOptions<Value>>, RadioOptions<Value> {
+}
+export {};
+//# sourceMappingURL=RadioGroup.types.d.ts.map

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

@@ -0,0 +1,4 @@
+export { RadioGroup } from './RadioGroup';
+export { Radio } from './Radio';
+export type { RadioGroupProps, RadioProps } from './RadioGroup.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import { type SegmentedControlProps, SegmentedControlSize, type SegmentedControlTabContentProps, type SegmentedControlTabListProps, type SegmentedControlType } from './SegmentedControl.types';
+/**
+ * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.
+ * It can be used only when `SegmentedControl` component is used as the `tabs` type.
+ *
+ * It must be used as a child of `SegmentedControl`.
+ */
+export declare const SegmentedControlTabList: (props: SegmentedControlTabListProps & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => JSX.Element;
+/**
+ * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.
+ * It can be used only when `SegmentedControl` component is used as the `tabs` type.
+ *
+ * It must be used as a child of `SegmentedControl`.
+ */
+export declare const SegmentedControlTabContent: <Value extends string>(props: SegmentedControlTabContentProps<Value> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+}) => JSX.Element;
+/**
+ * `SegmentedControl` is component that looks like a combination of a radio and a button.
+ * They can be used in place of tabs and as input elements in modals.
+ * If you have more than five items, use a different element, such as a dropdown.
+ *
+ * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.
+ *
+ * @example
+ *
+ * ```tsx
+ * // Anatomy of the SegmentedControl type="radiogroup"
+ * <SegmentedControl type="radiogroup">
+ *  <SegmentedControlItem />
+ * </SegmentedControl>
+ *
+ * // Anatomy of the SegmentedControl type="tabs"
+ * <SegmentedControl type="tabs">
+ *  <SegmentedControlTabList>
+ *   <SegmentedControlItem />
+ *  </SegmentedControlTabList>
+ *
+ *  <SegmentedControlTabContent />
+ * </SegmentedControl>
+ * ```
+ */
+export declare const SegmentedControl: <Type extends SegmentedControlType, Value extends string>(props: import("../../..").RenderConfigProps & import("../../..").StylableComponentProps & import("../../..").ChildrenProps<React.ReactNode> & import("../../..").SizeProps<SegmentedControlSize> & Omit<React.HTMLAttributes<HTMLDivElement>, "dir"> & (Type extends "radiogroup" ? import("..").FormComponentProps & {
+    name?: string | undefined;
+} : {}) & {
+    type?: Type | undefined;
+    width?: import("csstype").Property.Width<string | number> | undefined;
+} & {
+    value?: Value | undefined;
+    defaultValue?: Value | undefined;
+    onValueChange?: ((value: Value) => void) | undefined;
+} & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+export declare const ItemContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../AlphaStack").AlphaStackProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & {
+    direction: "horizontal";
+    align: "center";
+    spacing: 2;
+}, "direction" | "spacing" | "align">;
+export declare const ItemLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & {
+    bold: true;
+}, "bold">;
+export declare const Item: import("styled-components").StyledComponent<"button", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const indicatorTransitionMeta: {
+    duration: import("../../../foundation").TransitionDuration;
+};
+export declare const Indicator: import("styled-components").StyledComponent<"div", import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+}, never>;
+export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../AlphaStack").AlphaStackProps & import("react").RefAttributes<HTMLElement>>, import("../../../foundation").Foundation, {
+    foundation?: import("../../../foundation").Foundation | undefined;
+} & {
+    direction: "horizontal";
+}, "direction">;
+//# sourceMappingURL=SegmentedControl.styled.d.ts.map

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

@@ -0,0 +1,76 @@
+import type React from 'react';
+import type * as TabsPrimitive from '@radix-ui/react-tabs';
+import { type BezierComponentProps, type ChildrenProps, type DisableProps, type SideContentProps, type SizeProps } from "../../../types/ComponentProps";
+import { type FormComponentProps } from "..";
+export declare enum SegmentedControlSize {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l"
+}
+export type SegmentedControlType = 'radiogroup' | 'tabs';
+type SegmentedControlNonValueOptions<Type extends SegmentedControlType> = {
+    /**
+     * The element type of segmented control.
+     * It can be either `radiogroup` or `tabs`
+     * @default 'radiogroup'
+     */
+    type?: Type;
+    width?: React.CSSProperties['width'];
+};
+type SegmentedControlValueOptions<Value extends string> = {
+    /**
+     * The controlled value of the item to check.
+     * It should be used in conjunction with `onValueChange`.
+     */
+    value?: Value;
+    /**
+     * The value of the segmented control that should be checked when initially rendered.
+     * Use when you do not need to control the state of the items.
+     */
+    defaultValue?: Value;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: Value) => void;
+};
+type SegmentedControlRadioGroupSpecificOptions = FormComponentProps & {
+    /**
+     * The name of the group.
+     * Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+};
+interface SegmentedControlItemOptions<Value extends string> {
+    /**
+     * The value of the item.
+     *
+     * If the type of `SegmentedControl` is `radiogroup`, It is the value given as data when submitted with a `SegmentedControlProps.name`.
+     *
+     * If the type of `SegmentedControl` is `tabs`, It is the value that associates the item with a content.
+     */
+    value: Value;
+}
+interface SegmentedControlTabContentOptions<Value extends string> {
+    /**
+     * A unique value that associates the item with a content.
+     */
+    value: Value;
+}
+type SegmentedControlOptions<Type extends SegmentedControlType, Value extends string> = (Type extends 'radiogroup' ? SegmentedControlRadioGroupSpecificOptions : {}) & SegmentedControlNonValueOptions<Type> & SegmentedControlValueOptions<Value>;
+type RadixTabsPredefinedPropKeys = 'dir';
+export type SegmentedControlProps<Type extends SegmentedControlType, Value extends string> = BezierComponentProps & ChildrenProps & SizeProps<SegmentedControlSize> & Omit<React.HTMLAttributes<HTMLDivElement>, RadixTabsPredefinedPropKeys> & SegmentedControlOptions<Type, Value>;
+export interface SegmentedControlRadioGroupProps<Value extends string> extends Omit<SegmentedControlProps<'radiogroup', Value>, keyof SegmentedControlNonValueOptions<'radiogroup'>> {
+}
+export interface SegmentedControlTabsProps<Value extends string> extends Omit<SegmentedControlProps<'tabs', Value>, keyof SegmentedControlNonValueOptions<'tabs'>> {
+}
+type RadixTabListPredefinedPropKeys = 'defaultValue';
+export interface SegmentedControlTabListProps extends BezierComponentProps, Omit<React.HTMLAttributes<HTMLDivElement>, RadixTabListPredefinedPropKeys>, ChildrenProps {
+}
+export type SegmentedControlItemListProps<Type extends SegmentedControlType, Value extends string> = Type extends 'radiogroup' ? SegmentedControlRadioGroupProps<Value> : SegmentedControlTabListProps;
+export interface SegmentedControlItemProps<Value extends string> extends BezierComponentProps, ChildrenProps, DisableProps, React.HTMLAttributes<HTMLButtonElement>, SideContentProps, SegmentedControlItemOptions<Value> {
+}
+export interface SegmentedControlTabContentProps<Value extends string> extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, Pick<TabsPrimitive.TabsContentProps, 'forceMount'>, SegmentedControlTabContentOptions<Value> {
+}
+export {};
+//# sourceMappingURL=SegmentedControl.types.d.ts.map

package/dist/types/components/Forms/SegmentedControl/SegmentedControlContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type SegmentedControlProps, type SegmentedControlType } from './SegmentedControl.types';
+export declare const SegmentedControlContextProvider: React.Provider<Required<Pick<SegmentedControlProps<SegmentedControlType, string>, "type" | "width" | "size">> | null>, useSegmentedControlContext: (consumerName: string) => Required<Pick<SegmentedControlProps<SegmentedControlType, string>, "type" | "width" | "size">>;
+interface SegmentedControlItemListContextValue {
+    setSelectedElement: (node: HTMLButtonElement | null) => void;
+}
+export declare const SegmentedControlItemListContextProvider: React.Provider<SegmentedControlItemListContextValue | null>, useSegmentedControlItemListContext: (consumerName: string) => SegmentedControlItemListContextValue;
+export {};
+//# sourceMappingURL=SegmentedControlContext.d.ts.map

package/dist/types/components/Forms/SegmentedControl/SegmentedControlIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const SEGMENTED_CONTROL_INDICATOR_TEST_ID = "bezier-react-segmented-control-indicator";
+export declare function useSegmentedControlIndicator<Element extends HTMLElement>({ target, refs, }: {
+    target: HTMLElement | null;
+    refs: React.Ref<Element>[];
+}): {
+    readonly containerRef: (node: Element | ((prevState: Element | null) => Element | null) | null) => void;
+    readonly render: () => JSX.Element;
+};
+//# sourceMappingURL=SegmentedControlIndicator.d.ts.map

package/dist/types/components/Forms/SegmentedControl/SegmentedControlItem.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type SegmentedControlItemProps } from './SegmentedControl.types';
+/**
+ * `SegmentedControlItem` component is each item in `SegmentedControl`.
+ *
+ * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.
+ * In this case, it must be used as a child of `SegmentedControl`.
+ *
+ * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.
+ * In this case, it must be used as a child of `SegmentedControlTabList`.
+ */
+export declare const SegmentedControlItem: <Value extends string>(props: SegmentedControlItemProps<Value> & {
+    ref?: React.ForwardedRef<HTMLButtonElement> | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=SegmentedControlItem.d.ts.map

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

@@ -0,0 +1,5 @@
+export { SegmentedControl, SegmentedControlTabList, SegmentedControlTabContent, } from './SegmentedControl';
+export { SegmentedControlItem } from './SegmentedControlItem';
+export { SegmentedControlSize } from './SegmentedControl.types';
+export type { SegmentedControlProps, SegmentedControlItemProps, SegmentedControlTabListProps, SegmentedControlTabContentProps, } from './SegmentedControl.types';
+//# sourceMappingURL=index.d.ts.map