@channel.io/bezier-react 1.5.0 → 1.6.0

package/build/src/components/Forms/RadioGroup/RadioGroup.d.ts

@@ -1,23 +0,0 @@
-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/build/src/components/Forms/RadioGroup/RadioGroup.js

@@ -1,43 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef } from 'react';
-import { Root as $f99a8c78507165f7$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
-import useFormFieldProps from '../useFormFieldProps.js';
-import { AlphaStack } from '../../AlphaStack/AlphaStack.js';
-
-function RadioGroupImpl(_a, forwardedRef) {
-  var {
-      children,
-      spacing = 0,
-      direction = 'vertical'
-    } = _a,
-    rest = __rest(_a, ["children", "spacing", "direction"]);
-  const formFieldProps = useFormFieldProps(rest);
-  return e__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, Object.assign({
-    asChild: true
-  }, formFieldProps), e__default.createElement(AlphaStack, {
-    ref: forwardedRef,
-    justify: "start",
-    align: "stretch",
-    spacing: spacing,
-    direction: direction
-  }, children));
-}
-/**
- * `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>
- * ```
- */
-const RadioGroup = forwardRef(RadioGroupImpl);
-
-export { RadioGroup };
-//# sourceMappingURL=RadioGroup.js.map

package/build/src/components/Forms/RadioGroup/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Forms/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport { type RadioGroupProps } from './RadioGroup.types'\n\nfunction RadioGroupImpl<Value extends string>({\n  children,\n  spacing = 0,\n  direction = 'vertical',\n  ...rest\n}: RadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const formFieldProps = useFormFieldProps(rest)\n\n  return (\n    <RadioGroupPrimitive.Root\n      asChild\n      {...formFieldProps}\n    >\n      <AlphaStack\n        ref={forwardedRef}\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n      >\n        { children }\n      </AlphaStack>\n    </RadioGroupPrimitive.Root>\n  )\n}\n\n/**\n * `RadioGroup` is a set of checkable buttons, known as radio buttons.\n *\n * `RadioGroup` is a context of the `Radio` components. also, it renders an element which has the 'radiogroup' role.\n * It controls all the parts of a radio group.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the RadioGroup\n * <RadioGroup>\n *  <Radio />\n * </RadioGroup>\n * ```\n */\nexport const RadioGroup = forwardRef(RadioGroupImpl) as <Value extends string>(\n  props: RadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof RadioGroupImpl<Value>>\n"],"names":["RadioGroupImpl","_a","forwardedRef","children","spacing","direction","rest","__rest","formFieldProps","useFormFieldProps","React","RadioGroupPrimitive","Object","assign","asChild","createElement","AlphaStack","ref","justify","align","RadioGroup","forwardRef"],"mappings":";;;;;;AASA,SAASA,cAAc,CAAuBC,EAKrB,EAAEC,YAAuC,EAAA;EALpB,IAAA;MAC5CC,QAAQ;AACRC,MAAAA,OAAO,GAAG,CAAC;AACXC,MAAAA,SAAS,GAAG,UAAA;AAEW,KAAA,GAAAJ,EAAA;AADpBK,IAAAA,IAAI,GAAAC,MAAA,CAAAN,EAAA,EAJqC,oCAK7C,CADQ,CAAA;AAEP,EAAA,MAAMO,cAAc,GAAGC,iBAAiB,CAACH,IAAI,CAAC,CAAA;EAE9C,OACEI,yBAACC,yCAAwB,EACvBC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,OAAO;KACHN,cAAc,CAAA,EAElBE,UAAC,CAAAK,aAAA,CAAAC,UAAU,EACT;AAAAC,IAAAA,GAAG,EAAEf,YAAY;AACjBgB,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACff,IAAAA,OAAO,EAAEA,OAAO;AAChBC,IAAAA,SAAS,EAAEA,SAAAA;GAAS,EAElBF,QAAQ,CACC,CACY,CAAA;AAE/B,CAAA;AAEA;;;;;;;;;;;;;;AAcG;MACUiB,UAAU,GAAGC,UAAU,CAACrB,cAAc;;;;"}

package/build/src/components/Forms/RadioGroup/RadioGroup.styled.d.ts

@@ -1,14 +0,0 @@
-/// <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("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & RadioProps<string>, never>;
-export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & {
-    forwardedAs: string;
-    typo: import("styled-components").FlattenSimpleInterpolation;
-    color: "txt-black-darkest";
-}, "color" | "typo" | "forwardedAs">;
-//# sourceMappingURL=RadioGroup.styled.d.ts.map

package/build/src/components/Forms/RadioGroup/RadioGroup.styled.js

@@ -1,106 +0,0 @@
-import { Item as $f99a8c78507165f7$export$6d08773d2e66f8f2 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
-import disabledOpacity from '../../../constants/DisabledOpacity.js';
-import { touchableHover } from '../../../utils/styleUtils.js';
-import FormFieldSize from '../FormFieldSize.js';
-import { focusedInputWrapperStyle } from '../Inputs/mixins.js';
-import Text from '../../Text/Text.js';
-import { css as FoundationCSS, styled as FoundationStyled } from '../../../foundation/FoundationStyledComponent.js';
-import { Typography } from '../../../foundation/Typography.js';
-
-const OUTER_INDICATOR_SIZE = 18;
-const OUTER_INDICATOR_MARGIN = 1;
-const INNER_INDICATOR_SIZE = 8;
-const outerIndicatorFocusStyle = FoundationCSS`
-  &:not([data-disabled])[data-state='checked']::before {
-    background-color: var(--bgtxt-green-dark);
-  }
-`;
-const innerIndicatorFocusStyle = FoundationCSS`
-  &:not([data-disabled]):not([data-state='checked'])::after {
-    background-color: var(--bg-black-dark);
-  }
-`;
-const focusStyle = FoundationCSS`
-  ${outerIndicatorFocusStyle}
-  ${innerIndicatorFocusStyle}
-`;
-const RadioGroupPrimitiveItem = FoundationStyled($f99a8c78507165f7$export$6d08773d2e66f8f2)`
-  all: unset;
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: ${FormFieldSize.M}px;
-  cursor: pointer;
-
-  /* Outer Indicator */
-  &::before {
-    position: relative;
-    box-sizing: border-box;
-    width: ${OUTER_INDICATOR_SIZE}px;
-    height: ${OUTER_INDICATOR_SIZE}px;
-    margin: ${OUTER_INDICATOR_MARGIN}px;
-    content: '';
-    background-color: var(--bg-white-normal);
-    border-radius: 50%;
-    box-shadow: inset 0 0 0 2px var(--bdr-black-dark);
-  }
-
-  /* Inner Indicator */
-  &::after {
-    position: absolute;
-    top: 50%;
-    left: ${OUTER_INDICATOR_SIZE / 2 + OUTER_INDICATOR_MARGIN}px;
-    width: ${INNER_INDICATOR_SIZE}px;
-    height: ${INNER_INDICATOR_SIZE}px;
-    content: '';
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  &[data-disabled] {
-    cursor: not-allowed;
-    opacity: ${disabledOpacity};
-
-    &::before {
-      background-color: var(--bg-black-dark);
-      box-shadow: none;
-    }
-  }
-
-  &[data-state='checked'] {
-    &::before {
-      background-color: var(--bgtxt-green-normal);
-      box-shadow: none;
-    }
-
-    &::after {
-      background-color: var(--bgtxt-absolute-white-dark);
-    }
-  }
-
-  ${touchableHover(focusStyle)}
-
-  &:focus-visible {
-    ${innerIndicatorFocusStyle}
-
-    &::before {
-      ${focusedInputWrapperStyle}
-    }
-  }
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
-const Label = FoundationStyled(Text).attrs({
-  forwardedAs: 'label',
-  typo: Typography.Size14,
-  color: 'txt-black-darkest'
-})`
-  padding-left: 12px;
-  pointer-events: none;
-`;
-
-export { Label, RadioGroupPrimitiveItem };
-//# sourceMappingURL=RadioGroup.styled.js.map

package/build/src/components/Forms/RadioGroup/RadioGroup.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.styled.js","sources":["../../../../../src/components/Forms/RadioGroup/RadioGroup.styled.ts"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport {\n  Typography,\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { touchableHover } from '~/src/utils/styleUtils'\n\nimport { FormFieldSize } from '~/src/components/Forms'\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\nimport { Text } from '~/src/components/Text'\n\nimport { type RadioProps } from './RadioGroup.types'\n\nconst OUTER_INDICATOR_SIZE = 18\nconst OUTER_INDICATOR_MARGIN = 1\nconst INNER_INDICATOR_SIZE = 8\n\nconst outerIndicatorFocusStyle = css`\n  &:not([data-disabled])[data-state='checked']::before {\n    background-color: var(--bgtxt-green-dark);\n  }\n`\n\nconst innerIndicatorFocusStyle = css`\n  &:not([data-disabled]):not([data-state='checked'])::after {\n    background-color: var(--bg-black-dark);\n  }\n`\n\nconst focusStyle = css`\n  ${outerIndicatorFocusStyle}\n  ${innerIndicatorFocusStyle}\n`\n\nexport const RadioGroupPrimitiveItem = styled(RadioGroupPrimitive.Item)<RadioProps<string>>`\n  all: unset;\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: ${FormFieldSize.M}px;\n  cursor: pointer;\n\n  /* Outer Indicator */\n  &::before {\n    position: relative;\n    box-sizing: border-box;\n    width: ${OUTER_INDICATOR_SIZE}px;\n    height: ${OUTER_INDICATOR_SIZE}px;\n    margin: ${OUTER_INDICATOR_MARGIN}px;\n    content: '';\n    background-color: var(--bg-white-normal);\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 2px var(--bdr-black-dark);\n  }\n\n  /* Inner Indicator */\n  &::after {\n    position: absolute;\n    top: 50%;\n    left: ${(OUTER_INDICATOR_SIZE / 2) + OUTER_INDICATOR_MARGIN}px;\n    width: ${INNER_INDICATOR_SIZE}px;\n    height: ${INNER_INDICATOR_SIZE}px;\n    content: '';\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: ${DisabledOpacity};\n\n    &::before {\n      background-color: var(--bg-black-dark);\n      box-shadow: none;\n    }\n  }\n\n  &[data-state='checked'] {\n    &::before {\n      background-color: var(--bgtxt-green-normal);\n      box-shadow: none;\n    }\n\n    &::after {\n      background-color: var(--bgtxt-absolute-white-dark);\n    }\n  }\n\n  ${touchableHover(focusStyle)}\n\n  &:focus-visible {\n    ${innerIndicatorFocusStyle}\n\n    &::before {\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const Label = styled(Text).attrs({\n  forwardedAs: 'label',\n  typo: Typography.Size14,\n  color: 'txt-black-darkest',\n})`\n  padding-left: 12px;\n  pointer-events: none;\n`\n"],"names":["OUTER_INDICATOR_SIZE","OUTER_INDICATOR_MARGIN","INNER_INDICATOR_SIZE","outerIndicatorFocusStyle","css","innerIndicatorFocusStyle","focusStyle","RadioGroupPrimitiveItem","styled","RadioGroupPrimitive","FormFieldSize","M","DisabledOpacity","touchableHover","focusedInputWrapperStyle","interpolation","Label","Text","attrs","forwardedAs","typo","Typography","Size14","color"],"mappings":";;;;;;;;;AAiBA,MAAMA,oBAAoB,GAAG,EAAE,CAAA;AAC/B,MAAMC,sBAAsB,GAAG,CAAC,CAAA;AAChC,MAAMC,oBAAoB,GAAG,CAAC,CAAA;AAE9B,MAAMC,wBAAwB,GAAGC,aAAG,CAAA;;;;CAInC,CAAA;AAED,MAAMC,wBAAwB,GAAGD,aAAG,CAAA;;;;CAInC,CAAA;AAED,MAAME,UAAU,GAAGF,aAAG,CAAA;IAClBD,wBAAwB,CAAA;IACxBE,wBAAwB,CAAA;CAC3B,CAAA;AAEM,MAAME,uBAAuB,GAAGC,gBAAM,CAACC,yCAAwB,CAAqB,CAAA;;;;;;AAM/E,UAAAC,EAAAA,aAAa,CAACC,CAAC,CAAA;;;;;;;aAOdX,oBAAoB,CAAA;cACnBA,oBAAoB,CAAA;cACpBC,sBAAsB,CAAA;;;;;;;;;;;AAWxB,UAAA,EAACD,oBAAoB,GAAG,CAAC,GAAIC,sBAAsB,CAAA;aAClDC,oBAAoB,CAAA;cACnBA,oBAAoB,CAAA;;;;;;;;eAQnBU,eAAe,CAAA;;;;;;;;;;;;;;;;;;;EAmB1BC,EAAAA,cAAc,CAACP,UAAU,CAAC,CAAA;;;MAGxBD,wBAAwB,CAAA;;;QAGtBS,wBAAwB,CAAA;;;;AAI5B,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;EACvC;AAEM,MAAMC,KAAK,GAAGR,gBAAM,CAACS,IAAI,CAAC,CAACC,KAAK,CAAC;AACtCC,EAAAA,WAAW,EAAE,OAAO;EACpBC,IAAI,EAAEC,UAAU,CAACC,MAAM;AACvBC,EAAAA,KAAK,EAAE,mBAAA;AACR,CAAA,CAAC,CAAA;;;;;;;"}

package/build/src/components/Forms/RadioGroup/RadioGroup.types.d.ts

@@ -1,54 +0,0 @@
-/// <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/build/src/components/Forms/RadioGroup/index.d.ts

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

package/build/src/components/Forms/SegmentedControl/SegmentedControl.d.ts

@@ -1,58 +0,0 @@
-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/build/src/components/Forms/SegmentedControl/SegmentedControl.js

@@ -1,135 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useState, useMemo } from 'react';
-import { Root as $f99a8c78507165f7$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
-import { Content as $69cb30bb0017df05$export$7c6e2c02157bb7d2, List as $69cb30bb0017df05$export$54c2e3dc7acea9f5, Root as $69cb30bb0017df05$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
-import classNames from '../../../../node_modules/classnames/index.js';
-import { isNumber } from '../../../utils/typeUtils.js';
-import useFormFieldProps from '../useFormFieldProps.js';
-import { SegmentedControlSize } from './SegmentedControl.types.js';
-import { useSegmentedControlContext, SegmentedControlItemListContextProvider, SegmentedControlContextProvider } from './SegmentedControlContext.js';
-import { useSegmentedControlIndicator } from './SegmentedControlIndicator.js';
-import { Container } from './SegmentedControl.styled.js';
-import Divider from '../../Divider/Divider.js';
-
-function SegmentedControlItemListImpl(_a, forwardedRef) {
-  var {
-      children,
-      style: styleProp,
-      className: classNameProp
-    } = _a,
-    rest = __rest(_a, ["children", "style", "className"]);
-  const [selectedElement, setSelectedElement] = useState(null);
-  const {
-    type,
-    size,
-    width
-  } = useSegmentedControlContext('SegmentedControlItemList');
-  const {
-    containerRef: ref,
-    render: renderIndicator
-  } = useSegmentedControlIndicator({
-    target: selectedElement,
-    refs: [forwardedRef]
-  });
-  const contextValue = useMemo(() => ({
-    setSelectedElement
-  }), []);
-  const style = useMemo(() => Object.assign(Object.assign({}, styleProp), {
-    '--bezier-react-segmented-control-width': isNumber(width) ? `${width}px` : width
-  }), [styleProp, width]);
-  const className = classNames(classNameProp, size);
-  const SegmentedControlItemList = type === 'radiogroup' ? $f99a8c78507165f7$export$be92b6f5f03c0fe9 : $69cb30bb0017df05$export$54c2e3dc7acea9f5;
-  return e__default.createElement(SegmentedControlItemList, Object.assign({
-    asChild: true,
-    ref: ref,
-    style: style,
-    className: className
-  }, rest), e__default.createElement(Container, null, e__default.createElement(SegmentedControlItemListContextProvider, {
-    value: contextValue
-  }, renderIndicator(), e__default.Children.map(children, (child, index) => {
-    if (index === 0) {
-      return child;
-    }
-    return e__default.createElement(e__default.Fragment, null, e__default.createElement(Divider, {
-      withoutParallelIndent: true,
-      orientation: "vertical"
-    }), child);
-  }))));
-}
-const SegmentedControlItemList = forwardRef(SegmentedControlItemListImpl);
-function SegmentedControlRadioGroupImpl(_a, forwardedRef) {
-  var {
-      children
-    } = _a,
-    rest = __rest(_a, ["children"]);
-  return e__default.createElement(SegmentedControlItemList, Object.assign({
-    ref: forwardedRef
-  }, useFormFieldProps(rest)), children);
-}
-const SegmentedControlRadioGroup = forwardRef(SegmentedControlRadioGroupImpl);
-/**
- * `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`.
- */
-const SegmentedControlTabList = SegmentedControlItemList;
-/**
- * `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`.
- */
-const SegmentedControlTabContent = $69cb30bb0017df05$export$7c6e2c02157bb7d2;
-const SegmentedControlTabs = $69cb30bb0017df05$export$be92b6f5f03c0fe9;
-function SegmentedControlImpl(_a, forwardedRef) {
-  var {
-      type = 'radiogroup',
-      size = SegmentedControlSize.M,
-      width = '100%',
-      onValueChange,
-      children
-    } = _a,
-    rest = __rest(_a, ["type", "size", "width", "onValueChange", "children"]);
-  const SegmentedControlRoot = type === 'radiogroup' ? SegmentedControlRadioGroup : SegmentedControlTabs;
-  const contextValue = useMemo(() => ({
-    type,
-    size,
-    width
-  }), [type, size, width]);
-  return e__default.createElement(SegmentedControlContextProvider, {
-    value: contextValue
-  }, e__default.createElement(SegmentedControlRoot, Object.assign({
-    ref: forwardedRef,
-    onValueChange: onValueChange
-  }, rest), children));
-}
-/**
- * `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>
- * ```
- */
-const SegmentedControl = forwardRef(SegmentedControlImpl);
-
-export { SegmentedControl, SegmentedControlTabContent, SegmentedControlTabList };
-//# sourceMappingURL=SegmentedControl.js.map

package/build/src/components/Forms/SegmentedControl/SegmentedControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport classNames from 'classnames'\n\nimport { isNumber } from '~/src/utils/typeUtils'\n\nimport { Divider } from '~/src/components/Divider'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport {\n  type SegmentedControlItemListProps,\n  type SegmentedControlProps,\n  type SegmentedControlRadioGroupProps,\n  SegmentedControlSize,\n  type SegmentedControlTabContentProps,\n  type SegmentedControlTabListProps,\n  type SegmentedControlTabsProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\nimport {\n  SegmentedControlContextProvider,\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlContext,\n} from './SegmentedControlContext'\nimport { useSegmentedControlIndicator } from './SegmentedControlIndicator'\n\nimport * as Styled from './SegmentedControl.styled'\n\nfunction SegmentedControlItemListImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>({\n  children,\n  style: styleProp,\n  className: classNameProp,\n  ...rest\n}: SegmentedControlItemListProps<Type, Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const [selectedElement, setSelectedElement] = useState<HTMLButtonElement | null>(null)\n\n  const {\n    type,\n    size,\n    width,\n  } = useSegmentedControlContext('SegmentedControlItemList')\n\n  const {\n    containerRef: ref,\n    render: renderIndicator,\n  } = useSegmentedControlIndicator({\n    target: selectedElement,\n    refs: [forwardedRef],\n  })\n\n  const contextValue = useMemo(() => ({\n    setSelectedElement,\n  }), [])\n\n  const style = useMemo(() => ({\n    ...styleProp,\n    '--bezier-react-segmented-control-width': isNumber(width) ? `${width}px` : width,\n  } as React.CSSProperties), [\n    styleProp,\n    width,\n  ])\n\n  const className = classNames(\n    classNameProp,\n    size,\n  )\n\n  const SegmentedControlItemList = type === 'radiogroup'\n    ? RadioGroupPrimitive.Root\n    : TabsPrimitive.List\n\n  return (\n    <SegmentedControlItemList\n      asChild\n      ref={ref}\n      style={style}\n      className={className}\n      {...rest}\n    >\n      <Styled.Container>\n        <SegmentedControlItemListContextProvider value={contextValue}>\n          { renderIndicator() }\n\n          { React.Children.map(children, (child, index) => {\n            if (index === 0) {\n              return child\n            }\n\n            return (\n              <>\n                <Divider\n                  withoutParallelIndent\n                  orientation=\"vertical\"\n                />\n                { child }\n              </>\n            )\n          }) }\n        </SegmentedControlItemListContextProvider>\n      </Styled.Container>\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlItemList = forwardRef(SegmentedControlItemListImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlItemListProps<Type, Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nfunction SegmentedControlRadioGroupImpl<Value extends string>({\n  children,\n  ...rest\n}: SegmentedControlRadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <SegmentedControlItemList\n      ref={forwardedRef}\n      {...useFormFieldProps(rest)}\n    >\n      { children }\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlRadioGroup = forwardRef(SegmentedControlRadioGroupImpl) as <Value extends string>(\n  props: SegmentedControlRadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabList = SegmentedControlItemList as (\n  props: SegmentedControlTabListProps & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabContent = TabsPrimitive.Content as <Value extends string>(\n  props: SegmentedControlTabContentProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nconst SegmentedControlTabs = TabsPrimitive.Root as <Value extends string>(\n  props: SegmentedControlTabsProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n\nfunction SegmentedControlImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>({\n  type = 'radiogroup' as Type,\n  size = SegmentedControlSize.M,\n  width = '100%',\n  onValueChange,\n  children,\n  ...rest\n}: SegmentedControlProps<Type, Value>, forwardedRef: React.Ref<HTMLDivElement>) {\n  const SegmentedControlRoot = type === 'radiogroup'\n    ? SegmentedControlRadioGroup\n    : SegmentedControlTabs\n\n  const contextValue = useMemo(() => ({\n    type,\n    size,\n    width,\n  }), [\n    type,\n    size,\n    width,\n  ])\n\n  return (\n    <SegmentedControlContextProvider value={contextValue}>\n      <SegmentedControlRoot\n        ref={forwardedRef}\n        onValueChange={onValueChange}\n        {...rest}\n      >\n        { children }\n      </SegmentedControlRoot>\n    </SegmentedControlContextProvider>\n  )\n}\n\n/**\n * `SegmentedControl` is component that looks like a combination of a radio and a button.\n * They can be used in place of tabs and as input elements in modals.\n * If you have more than five items, use a different element, such as a dropdown.\n *\n * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the SegmentedControl type=\"radiogroup\"\n * <SegmentedControl type=\"radiogroup\">\n *  <SegmentedControlItem />\n * </SegmentedControl>\n *\n * // Anatomy of the SegmentedControl type=\"tabs\"\n * <SegmentedControl type=\"tabs\">\n *  <SegmentedControlTabList>\n *   <SegmentedControlItem />\n *  </SegmentedControlTabList>\n *\n *  <SegmentedControlTabContent />\n * </SegmentedControl>\n * ```\n */\nexport const SegmentedControl = forwardRef(SegmentedControlImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlProps<Type, Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => JSX.Element\n"],"names":["SegmentedControlItemListImpl","_a","forwardedRef","children","style","styleProp","className","classNameProp","rest","__rest","selectedElement","setSelectedElement","useState","type","size","width","useSegmentedControlContext","containerRef","ref","render","renderIndicator","useSegmentedControlIndicator","target","refs","contextValue","useMemo","Object","assign","isNumber","classNames","SegmentedControlItemList","RadioGroupPrimitive","TabsPrimitive","React","createElement","asChild","Styled","SegmentedControlItemListContextProvider","value","Children","map","child","index","Fragment","Divider","withoutParallelIndent","orientation","forwardRef","SegmentedControlRadioGroupImpl","useFormFieldProps","SegmentedControlRadioGroup","SegmentedControlTabList","SegmentedControlTabContent","SegmentedControlTabs","SegmentedControlImpl","SegmentedControlSize","M","onValueChange","SegmentedControlRoot","SegmentedControlContextProvider","SegmentedControl"],"mappings":"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"}

package/build/src/components/Forms/SegmentedControl/SegmentedControl.styled.d.ts

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