@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/esm/components/Forms/Inputs/TextField/TextField.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.styled.mjs","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"sourcesContent":["import { type FlattenSimpleInterpolation } from 'styled-components'\n\nimport {\n  type SemanticNames,\n  Typography,\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n  erroredInputWrapperStyle,\n  focusedInputWrapperStyle,\n  inputPlaceholderStyle,\n  inputTextStyle,\n  inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\nimport { Icon } from '~/src/components/Icon'\n\nimport {\n  TextFieldSize,\n  TextFieldVariant,\n} from './TextField.types'\n\ninterface ClickableElementProps {\n  clickable: boolean\n}\n\nconst clickableElementStyle = css`\n  cursor: pointer;\n`\n\nconst Input = styled.input<InterpolationProps>`\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n  background-color: transparent;\n  border: none;\n  outline: none;\n\n  ${Typography.Size14}\n\n  ${inputTextStyle}\n\n  ${inputPlaceholderStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst LeftIcon = styled(Icon)<ClickableElementProps>`\n  ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-right: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-right: 2px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps & InterpolationProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${({ clickable }) => clickable && clickableElementStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ClearIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding-right: 2px;\n\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n\n  :hover {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n  }\n\n  ${clickableElementStyle}\n`\n\ninterface WrapperProps {\n  variant?: TextFieldVariant\n  bgColor: SemanticNames\n  size: TextFieldSize\n  borderRadius?: FlattenSimpleInterpolation\n  hasError?: boolean\n  focused?: boolean\n  disabled?: boolean\n}\n\nfunction getInputTypography({ size }: Pick<WrapperProps, 'size'>) {\n  switch (size) {\n    case TextFieldSize.XS:\n    case TextFieldSize.M:\n      return Typography.Size14\n    case TextFieldSize.L:\n      return Typography.Size16\n    case TextFieldSize.XL:\n      return Typography.Size18\n    // NOTE: should never reach here\n    default:\n      return Typography.Size14\n  }\n}\n\nconst Wrapper = styled.div<WrapperProps & InterpolationProps>`\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: ${({ size }) => size}px;\n  padding: 0 12px;\n  background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n\n  ${({ borderRadius }) => borderRadius}\n  opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n  ${({ variant }) => variant === TextFieldVariant.Primary && inputWrapperStyle}\n  ${({ focused }) => focused && focusedInputWrapperStyle}\n  ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])}\n\n  ${({ interpolation }) => interpolation}\n\n  ${Input} {\n    ${getInputTypography}\n  }\n`\n\nexport default {\n  Input,\n  LeftIcon,\n  LeftContentWrapper,\n  RightItemWrapper,\n  RightContentWrapper,\n  ClearIconWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","css","Input","styled","input","withConfig","displayName","componentId","disabled","Typography","Size14","inputTextStyle","inputPlaceholderStyle","interpolation","LeftIcon","Icon","clickable","LeftContentWrapper","div","RightContentWrapper","RightItemWrapper","ClearIconWrapper","foundation","theme","getInputTypography","size","TextFieldSize","XS","M","L","Size16","XL","Size18","Wrapper","bgColor","borderRadius","DisabledOpacity","variant","TextFieldVariant","Primary","inputWrapperStyle","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","transition","getTransitionsCSS"],"mappings":"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"}

package/dist/esm/components/Forms/Inputs/TextField/TextField.types.mjs

@@ -0,0 +1,28 @@
+import FormFieldSize from '../../FormFieldSize.mjs';
+
+let TextFieldType = /*#__PURE__*/function (TextFieldType) {
+  TextFieldType["Search"] = "search";
+  TextFieldType["Text"] = "text";
+  TextFieldType["Email"] = "email";
+  TextFieldType["Password"] = "password";
+  TextFieldType["Tel"] = "tel";
+  TextFieldType["Url"] = "url";
+  TextFieldType["Hidden"] = "hidden";
+  TextFieldType["Number"] = "number";
+  return TextFieldType;
+}({});
+let TextFieldSize = function (TextFieldSize) {
+  TextFieldSize[TextFieldSize["XL"] = FormFieldSize.XL] = "XL";
+  TextFieldSize[TextFieldSize["L"] = FormFieldSize.L] = "L";
+  TextFieldSize[TextFieldSize["M"] = FormFieldSize.M] = "M";
+  TextFieldSize[TextFieldSize["XS"] = FormFieldSize.XS] = "XS";
+  return TextFieldSize;
+}({});
+let TextFieldVariant = /*#__PURE__*/function (TextFieldVariant) {
+  TextFieldVariant[TextFieldVariant["Primary"] = 0] = "Primary";
+  TextFieldVariant[TextFieldVariant["Secondary"] = 1] = "Secondary";
+  return TextFieldVariant;
+}({});
+
+export { TextFieldSize, TextFieldType, TextFieldVariant };
+//# sourceMappingURL=TextField.types.mjs.map

package/dist/esm/components/Forms/Inputs/TextField/TextField.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.types.mjs","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport type {\n  AdditionalColorProps,\n  AdditionalStylableProps,\n  BezierComponentProps,\n  SideContentProps,\n  SizeProps,\n  VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n  Search = 'search',\n  Text = 'text',\n  Email = 'email',\n  Password = 'password',\n  Tel = 'tel',\n  Url = 'url',\n  Hidden = 'hidden',\n  Number = 'number',\n}\n\nexport enum TextFieldSize {\n  XL = FormFieldSize.XL,\n  L = FormFieldSize.L,\n  M = FormFieldSize.M,\n  XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n  Primary,\n  Secondary,\n}\n\nexport type TextFieldItemProps = {\n  icon: BezierIcon\n  onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n  focus(options?: FocusOptions): void\n  blur(): void\n  setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n  getSelectionRange(): [number, number]\n  selectAll(): void\n  unselect(): void\n  getBoundingClientRect(): ClientRect | DOMRect\n  getDOMNode(): Element | Text | null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n  type?: TextFieldType\n  allowClear?: boolean\n  selectAllOnInit?: boolean\n  selectAllOnFocus?: boolean\n  withoutLeftContentWrapper?: boolean\n  withoutRightContentWrapper?: boolean\n  onFocus?: ChangeEventHandler\n  onChange?: ChangeEventHandler\n  onKeyDown?: KeyboardEventHandler\n  onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' | 'size' | 'readOnly' | 'disabled' | 'onFocus'\n\nexport interface TextFieldProps extends\n  FormComponentProps,\n  BezierComponentProps,\n  SizeProps<TextFieldSize>,\n  VariantProps<TextFieldVariant>,\n  SideContentProps<TextFieldItemProps, TextFieldItemProps | TextFieldItemProps[]>,\n  AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n  TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","FormFieldSize","XL","L","M","XS","TextFieldVariant"],"mappings":";;AAgBYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAbA,aAAa,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAbA,aAAa,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWbC,IAAAA,aAAa,aAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAClBC,IAAAA,CAAAA,GAAAA,aAAa,CAACC,EAAE,CAAA,GAAA,IAAA,CAAA;AADXF,EAAAA,aAAa,CAAbA,aAAa,CAEnBC,GAAAA,CAAAA,GAAAA,aAAa,CAACE,CAAC,CAAA,GAAA,GAAA,CAAA;AAFTH,EAAAA,aAAa,CAAbA,aAAa,CAGnBC,GAAAA,CAAAA,GAAAA,aAAa,CAACG,CAAC,CAAA,GAAA,GAAA,CAAA;AAHTJ,EAAAA,aAAa,CAAbA,aAAa,CAIlBC,IAAAA,CAAAA,GAAAA,aAAa,CAACI,EAAE,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAJXL,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbM,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/Forms/Inputs/TextField/TextFieldUtils.mjs

@@ -0,0 +1,33 @@
+import { TextFieldVariant, TextFieldSize } from './TextField.types.mjs';
+import { Rounding } from '../../../../foundation/Rounding/index.mjs';
+
+function getProperTextFieldBgColor({
+  variant,
+  focused,
+  hasError,
+  readOnly
+}) {
+  if (variant === TextFieldVariant.Secondary) {
+    return 'bg-black-lightest';
+  }
+  if (variant === TextFieldVariant.Primary && readOnly) {
+    return 'bg-grey-lighter';
+  }
+  if (variant === TextFieldVariant.Primary && (focused || hasError)) {
+    return 'bg-white-normal';
+  }
+  return 'bg-grey-lightest';
+}
+function getProperTextFieldBorderRadius({
+  size
+}) {
+  switch (size) {
+    case TextFieldSize.XL:
+      return Rounding.round12;
+    default:
+      return Rounding.round8;
+  }
+}
+
+export { getProperTextFieldBgColor, getProperTextFieldBorderRadius };
+//# sourceMappingURL=TextFieldUtils.mjs.map

package/dist/esm/components/Forms/Inputs/TextField/TextFieldUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldUtils.mjs","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextFieldUtils.ts"],"sourcesContent":["import { type FlattenSimpleInterpolation } from 'styled-components'\n\nimport {\n  Rounding,\n  type SemanticNames,\n} from '~/src/foundation'\n\nimport {\n  TextFieldSize,\n  TextFieldVariant,\n} from './TextField.types'\n\ninterface BackgroundColorProps {\n  variant: TextFieldVariant\n  focused: boolean\n  hasError: boolean\n  readOnly: boolean\n}\n\nexport function getProperTextFieldBgColor({\n  variant,\n  focused,\n  hasError,\n  readOnly,\n}: BackgroundColorProps): SemanticNames {\n  if (variant === TextFieldVariant.Secondary) { return 'bg-black-lightest' }\n  if (variant === TextFieldVariant.Primary && readOnly) { return 'bg-grey-lighter' }\n  if (variant === TextFieldVariant.Primary && (focused || hasError)) { return 'bg-white-normal' }\n  return 'bg-grey-lightest'\n}\n\ninterface BorderRadiusProps {\n  size: TextFieldSize\n}\n\nexport function getProperTextFieldBorderRadius({\n  size,\n}: BorderRadiusProps): FlattenSimpleInterpolation {\n  switch (size) {\n    case TextFieldSize.XL:\n      return Rounding.round12\n    default:\n      return Rounding.round8\n  }\n}\n"],"names":["getProperTextFieldBgColor","variant","focused","hasError","readOnly","TextFieldVariant","Secondary","Primary","getProperTextFieldBorderRadius","size","TextFieldSize","XL","Rounding","round12","round8"],"mappings":";;;AAmBO,SAASA,yBAAyBA,CAAC;EACxCC,OAAO;EACPC,OAAO;EACPC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAiB;AACtC,EAAA,IAAIH,OAAO,KAAKI,gBAAgB,CAACC,SAAS,EAAE;AAAE,IAAA,OAAO,mBAAmB,CAAA;AAAC,GAAA;AACzE,EAAA,IAAIL,OAAO,KAAKI,gBAAgB,CAACE,OAAO,IAAIH,QAAQ,EAAE;AAAE,IAAA,OAAO,iBAAiB,CAAA;AAAC,GAAA;EACjF,IAAIH,OAAO,KAAKI,gBAAgB,CAACE,OAAO,KAAKL,OAAO,IAAIC,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,iBAAiB,CAAA;AAAC,GAAA;AAC9F,EAAA,OAAO,kBAAkB,CAAA;AAC3B,CAAA;AAMO,SAASK,8BAA8BA,CAAC;AAC7CC,EAAAA,IAAAA;AACiB,CAAC,EAA8B;AAChD,EAAA,QAAQA,IAAI;IACV,KAAKC,aAAa,CAACC,EAAE;MACnB,OAAOC,QAAQ,CAACC,OAAO,CAAA;AACzB,IAAA;MACE,OAAOD,QAAQ,CAACE,MAAM,CAAA;AAC1B,GAAA;AACF;;;;"}

package/dist/esm/components/Forms/Inputs/constants/CommonImeControlKeys.mjs

@@ -0,0 +1,4 @@
+const COMMON_IME_CONTROL_KEYS = ['Enter', 'Escape', 'Tab', ' ', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+
+export { COMMON_IME_CONTROL_KEYS };
+//# sourceMappingURL=CommonImeControlKeys.mjs.map

package/dist/esm/components/Forms/Inputs/constants/CommonImeControlKeys.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonImeControlKeys.mjs","sources":["../../../../../../src/components/Forms/Inputs/constants/CommonImeControlKeys.ts"],"sourcesContent":["export const COMMON_IME_CONTROL_KEYS = ['Enter', 'Escape', 'Tab', ' ', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']\n"],"names":["COMMON_IME_CONTROL_KEYS"],"mappings":"MAAaA,uBAAuB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY;;;;"}

package/dist/esm/components/Forms/Inputs/mixins.mjs

@@ -0,0 +1,28 @@
+import { css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.mjs';
+
+const inputTextStyle = /*#__PURE__*/FoundationCSS(["color:", ";", ""], ({
+  foundation
+}) => foundation?.theme?.['txt-black-darkest'], props => props?.readOnly && FoundationCSS(["color:", ";"], ({
+  foundation
+}) => foundation?.theme?.['txt-black-darker']));
+const inputPlaceholderStyle = /*#__PURE__*/FoundationCSS(["&::placeholder{color:", ";}"], ({
+  foundation
+}) => foundation?.theme?.['txt-black-dark']);
+const inputWrapperStyle = /*#__PURE__*/FoundationCSS(["box-shadow:0 1px 2px ", ",inset 0 0 0 1px ", ";"], ({
+  foundation
+}) => foundation?.theme?.['bg-black-lighter'], ({
+  foundation
+}) => foundation?.theme?.['bg-black-dark']);
+const focusedInputWrapperStyle = /*#__PURE__*/FoundationCSS(["box-shadow:0 0 0 3px ", ",inset 0 0 0 1px ", ";"], ({
+  foundation
+}) => foundation?.theme?.['bgtxt-blue-light'], ({
+  foundation
+}) => foundation?.theme?.['bgtxt-blue-normal']);
+const erroredInputWrapperStyle = /*#__PURE__*/FoundationCSS(["box-shadow:0 0 0 3px ", ",inset 0 0 0 1px ", ";"], ({
+  foundation
+}) => foundation?.theme?.['bgtxt-orange-light'], ({
+  foundation
+}) => foundation?.theme?.['bgtxt-orange-normal']);
+
+export { erroredInputWrapperStyle, focusedInputWrapperStyle, inputPlaceholderStyle, inputTextStyle, inputWrapperStyle };
+//# sourceMappingURL=mixins.mjs.map

package/dist/esm/components/Forms/Inputs/mixins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.mjs","sources":["../../../../../src/components/Forms/Inputs/mixins.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport { type FormComponentProps } from '~/src/components/Forms/Form.types'\n\nexport const inputTextStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n\n  ${(props: FormComponentProps) => props?.readOnly && css`\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n  `}\n`\n\nexport const inputPlaceholderStyle = css`\n  &::placeholder {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  }\n`\n\nexport const inputWrapperStyle = css`\n  box-shadow: 0 1px 2px ${({ foundation }) => foundation?.theme?.['bg-black-lighter']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bg-black-dark']};\n`\n\nexport const focusedInputWrapperStyle = css`\n  box-shadow: 0 0 0 3px ${({ foundation }) => foundation?.theme?.['bgtxt-blue-light']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n`\n\nexport const erroredInputWrapperStyle = css`\n  box-shadow: 0 0 0 3px ${({ foundation }) => foundation?.theme?.['bgtxt-orange-light']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bgtxt-orange-normal']};\n`\n"],"names":["inputTextStyle","css","foundation","theme","props","readOnly","inputPlaceholderStyle","inputWrapperStyle","focusedInputWrapperStyle","erroredInputWrapperStyle"],"mappings":";;AAIaA,MAAAA,cAAc,gBAAGC,aAAG,sBACtB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC,EAElEC,KAAyB,IAAKA,KAAK,EAAEC,QAAQ,IAAIJ,aAAG,kBAC5C,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAC,CACrE,EACF;AAEYG,MAAAA,qBAAqB,gBAAGL,aAAG,kCAE3B,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,gBAAgB,CAAC,EAErE;AAEYI,MAAAA,iBAAiB,gBAAGN,aAAG,sDACV,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAC,EAC/D,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,eAAe,CAAC,EAC7E;AAEYK,MAAAA,wBAAwB,gBAAGP,aAAG,sDACjB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAC,EAC/D,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC,EACjF;AAEYM,MAAAA,wBAAwB,gBAAGR,aAAG,sDACjB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,oBAAoB,CAAC,EACjE,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,qBAAqB,CAAC;;;;"}

package/dist/esm/components/Forms/RadioGroup/Radio.mjs

@@ -0,0 +1,30 @@
+import React__default, { forwardRef } from 'react';
+import useId from '../../../hooks/useId.mjs';
+import { RadioGroupPrimitiveItem, Label } from './RadioGroup.styled.mjs';
+
+function RadioImpl({
+  children,
+  id: idProp,
+  ...rest
+}, forwardedRef) {
+  const id = useId(idProp, 'bezier-radio');
+  return /*#__PURE__*/React__default.createElement(RadioGroupPrimitiveItem, Object.assign({
+    ref: forwardedRef,
+    id: id
+  }, rest), children &&
+  /*#__PURE__*/
+  /* FIXME(@ed): Delete after applying polymorphic props */
+  /* @ts-ignore */
+  React__default.createElement(Label, {
+    htmlFor: id
+  }, children));
+}
+
+/**
+ * `Radio` is a checkable button, known as a radio button.
+ * It should be a child of `RadioGroup`.
+ */
+const Radio = /*#__PURE__*/forwardRef(RadioImpl);
+
+export { Radio };
+//# sourceMappingURL=Radio.mjs.map

package/dist/esm/components/Forms/RadioGroup/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","sources":["../../../../../src/components/Forms/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport useId from '~/src/hooks/useId'\n\nimport { type RadioProps } from './RadioGroup.types'\n\nimport * as Styled from './RadioGroup.styled'\n\nfunction RadioImpl<Value extends string>({\n  children,\n  id: idProp,\n  ...rest\n}: RadioProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const id = useId(idProp, 'bezier-radio')\n\n  return (\n    <Styled.RadioGroupPrimitiveItem\n      ref={forwardedRef}\n      id={id}\n      {...rest}\n    >\n      { children && (\n        /* FIXME(@ed): Delete after applying polymorphic props */\n        /* @ts-ignore */\n        <Styled.Label htmlFor={id}>\n          { children }\n        </Styled.Label>\n      ) }\n    </Styled.RadioGroupPrimitiveItem>\n  )\n}\n\n/**\n * `Radio` is a checkable button, known as a radio button.\n * It should be a child of `RadioGroup`.\n */\nexport const Radio = forwardRef(RadioImpl) as <Value extends string>(\n  props: RadioProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof RadioImpl<Value>>\n"],"names":["RadioImpl","children","id","idProp","rest","forwardedRef","useId","React","createElement","Styled","Object","assign","ref","htmlFor","Radio","forwardRef"],"mappings":";;;;AAQA,SAASA,SAASA,CAAuB;EACvCC,QAAQ;AACRC,EAAAA,EAAE,EAAEC,MAAM;EACV,GAAGC,IAAAA;AACc,CAAC,EAAEC,YAA0C,EAAE;AAChE,EAAA,MAAMH,EAAE,GAAGI,KAAK,CAACH,MAAM,EAAE,cAAc,CAAC,CAAA;EAExC,oBACEI,cAAA,CAAAC,aAAA,CAACC,uBAA8B,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAC7BC,IAAAA,GAAG,EAAEP,YAAa;AAClBH,IAAAA,EAAE,EAAEA,EAAAA;GACAE,EAAAA,IAAI,GAENH,QAAQ;AAAA;AACR;AACA;AACAM,EAAAA,cAAA,CAAAC,aAAA,CAACC,KAAY,EAAA;AAACI,IAAAA,OAAO,EAAEX,EAAAA;GACnBD,EAAAA,QACU,CAEc,CAAC,CAAA;AAErC,CAAA;;AAEA;AACA;AACA;AACA;MACaa,KAAK,gBAAGC,UAAU,CAACf,SAAS;;;;"}

package/dist/esm/components/Forms/RadioGroup/RadioGroup.mjs

@@ -0,0 +1,42 @@
+import React__default, { forwardRef } from 'react';
+import { Root as $f99a8c78507165f7$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-radio-group/dist/index.module.mjs';
+import useFormFieldProps from '../useFormFieldProps.mjs';
+import { AlphaStack } from '../../AlphaStack/AlphaStack.mjs';
+
+function RadioGroupImpl({
+  children,
+  spacing = 0,
+  direction = 'vertical',
+  ...rest
+}, forwardedRef) {
+  const formFieldProps = useFormFieldProps(rest);
+  return /*#__PURE__*/React__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, Object.assign({
+    asChild: true
+  }, formFieldProps), /*#__PURE__*/React__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 = /*#__PURE__*/forwardRef(RadioGroupImpl);
+
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.mjs.map

package/dist/esm/components/Forms/RadioGroup/RadioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.mjs","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","children","spacing","direction","rest","forwardedRef","formFieldProps","useFormFieldProps","React","createElement","RadioGroupPrimitive","Object","assign","asChild","AlphaStack","ref","justify","align","RadioGroup","forwardRef"],"mappings":";;;;;AASA,SAASA,cAAcA,CAAuB;EAC5CC,QAAQ;AACRC,EAAAA,OAAO,GAAG,CAAC;AACXC,EAAAA,SAAS,GAAG,UAAU;EACtB,GAAGC,IAAAA;AACmB,CAAC,EAAEC,YAAuC,EAAE;AAClE,EAAA,MAAMC,cAAc,GAAGC,iBAAiB,CAACH,IAAI,CAAC,CAAA;EAE9C,oBACEI,cAAA,CAAAC,aAAA,CAACC,yCAAwB,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACvBC,OAAO,EAAA,IAAA;AAAA,GAAA,EACHP,cAAc,CAElBE,eAAAA,cAAA,CAAAC,aAAA,CAACK,UAAU,EAAA;AACTC,IAAAA,GAAG,EAAEV,YAAa;AAClBW,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACff,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAAA;GAETF,EAAAA,QACQ,CACY,CAAC,CAAA;AAE/B,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaiB,UAAU,gBAAGC,UAAU,CAACnB,cAAc;;;;"}

package/dist/esm/components/Forms/RadioGroup/RadioGroup.styled.mjs

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

package/dist/esm/components/Forms/RadioGroup/RadioGroup.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.styled.mjs","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","withConfig","displayName","componentId","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,aAAI,CAAA;AACrC;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,wBAAwB,GAAGD,aAAI,CAAA;AACrC;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAME,UAAU,GAAGF,aAAI,CAAA;AACvB,EAAA,EAAID,wBAAyB,CAAA;AAC7B,EAAA,EAAIE,wBAAyB,CAAA;AAC7B,CAAC,CAAA;AAEM,MAAME,uBAAuB,gBAAGC,gBAAM,CAACC,yCAAwB,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,2CAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,gFAAA,EAAA,4EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,oKAAA,EAAA,WAAA,EAAA,YAAA,EAAA,8GAAA,EAAA,gOAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,CAAA,EAM3DC,aAAa,CAACC,CAAC,EAOdd,oBAAoB,EACnBA,oBAAoB,EACpBC,sBAAsB,EAWvBD,oBAAoB,GAAG,CAAC,GAAIC,sBAAsB,EAClDC,oBAAoB,EACnBA,oBAAoB,EAQnBa,eAAe,EAmB1BC,cAAc,CAACV,UAAU,CAAC,EAGxBD,wBAAwB,EAGtBY,wBAAwB,EAI5B,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;AAEM,MAAMC,KAAK,gBAAGX,gBAAM,CAACY,IAAI,CAAC,CAACC,KAAK,CAAC;AACtCC,EAAAA,WAAW,EAAE,OAAO;EACpBC,IAAI,EAAEC,UAAU,CAACC,MAAM;AACvBC,EAAAA,KAAK,EAAE,mBAAA;AACT,CAAC,CAAC,CAAAhB,UAAA,CAAA;EAAAC,WAAA,EAAA,yBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAGD,CAAA,CAAA,CAAA,wCAAA,CAAA;;;;"}

package/dist/esm/components/Forms/SegmentedControl/SegmentedControl.mjs

@@ -0,0 +1,135 @@
+import React__default, { forwardRef, useMemo, useState } from 'react';
+import { Root as $f99a8c78507165f7$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-radio-group/dist/index.module.mjs';
+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.mjs';
+import classNames from '../../../node_modules/classnames/index.mjs';
+import { isNumber } from '../../../utils/typeUtils.mjs';
+import useFormFieldProps from '../useFormFieldProps.mjs';
+import { SegmentedControlSize } from './SegmentedControl.types.mjs';
+import { SegmentedControlContextProvider, useSegmentedControlContext, SegmentedControlItemListContextProvider } from './SegmentedControlContext.mjs';
+import { useSegmentedControlIndicator } from './SegmentedControlIndicator.mjs';
+import { Container } from './SegmentedControl.styled.mjs';
+import Divider from '../../Divider/Divider.mjs';
+
+function SegmentedControlItemListImpl({
+  children,
+  style: styleProp,
+  className: classNameProp,
+  ...rest
+}, forwardedRef) {
+  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(() => ({
+    ...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 /*#__PURE__*/React__default.createElement(SegmentedControlItemList, Object.assign({
+    asChild: true,
+    ref: ref,
+    style: style,
+    className: className
+  }, rest), /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(SegmentedControlItemListContextProvider, {
+    value: contextValue
+  }, renderIndicator(), React__default.Children.map(children, (child, index) => {
+    if (index === 0) {
+      return child;
+    }
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, {
+      withoutParallelIndent: true,
+      orientation: "vertical"
+    }), child);
+  }))));
+}
+const SegmentedControlItemList = /*#__PURE__*/forwardRef(SegmentedControlItemListImpl);
+function SegmentedControlRadioGroupImpl({
+  children,
+  ...rest
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(SegmentedControlItemList, Object.assign({
+    ref: forwardedRef
+  }, useFormFieldProps(rest)), children);
+}
+const SegmentedControlRadioGroup = /*#__PURE__*/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({
+  type = 'radiogroup',
+  size = SegmentedControlSize.M,
+  width = '100%',
+  onValueChange,
+  children,
+  ...rest
+}, forwardedRef) {
+  const SegmentedControlRoot = type === 'radiogroup' ? SegmentedControlRadioGroup : SegmentedControlTabs;
+  const contextValue = useMemo(() => ({
+    type,
+    size,
+    width
+  }), [type, size, width]);
+  return /*#__PURE__*/React__default.createElement(SegmentedControlContextProvider, {
+    value: contextValue
+  }, /*#__PURE__*/React__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 = /*#__PURE__*/forwardRef(SegmentedControlImpl);
+
+export { SegmentedControl, SegmentedControlTabContent, SegmentedControlTabList };
+//# sourceMappingURL=SegmentedControl.mjs.map

package/dist/esm/components/Forms/SegmentedControl/SegmentedControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.mjs","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","children","style","styleProp","className","classNameProp","rest","forwardedRef","selectedElement","setSelectedElement","useState","type","size","width","useSegmentedControlContext","containerRef","ref","render","renderIndicator","useSegmentedControlIndicator","target","refs","contextValue","useMemo","isNumber","classNames","SegmentedControlItemList","RadioGroupPrimitive","TabsPrimitive","React","createElement","Object","assign","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/dist/esm/components/Forms/SegmentedControl/SegmentedControl.styled.mjs

@@ -0,0 +1,53 @@
+import disabledOpacity from '../../../constants/DisabledOpacity.mjs';
+import { ZIndex } from '../../../constants/ZIndex.mjs';
+import { focusedInputWrapperStyle } from '../Inputs/mixins.mjs';
+import Text from '../../Text/Text.mjs';
+import { SegmentedControlSize } from './SegmentedControl.types.mjs';
+import { AlphaStack } from '../../AlphaStack/AlphaStack.mjs';
+import { Transition } from '../../../foundation/Transition/index.mjs';
+import { styled as FoundationStyled } from '../../../foundation/FoundationStyledComponent.mjs';
+import { Typography } from '../../../foundation/Typography.mjs';
+
+/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before */
+const ItemContainer = /*#__PURE__*/FoundationStyled(AlphaStack).attrs({
+  direction: 'horizontal',
+  align: 'center',
+  spacing: 2
+}).withConfig({
+  displayName: "SegmentedControlstyled__ItemContainer",
+  componentId: "sc-15mhli4-0"
+})(["z-index:", ";"], ZIndex.Float);
+const ItemLabel = /*#__PURE__*/FoundationStyled(Text).attrs({
+  bold: true
+}).withConfig({
+  displayName: "SegmentedControlstyled__ItemLabel",
+  componentId: "sc-15mhli4-1"
+})(["padding:1px 4px;"]);
+const Item = /*#__PURE__*/FoundationStyled.button.withConfig({
+  displayName: "SegmentedControlstyled__Item",
+  componentId: "sc-15mhli4-2"
+})(["all:unset;position:relative;display:flex;flex:1;align-items:center;justify-content:center;", " &[data-checked]{color:var(--txt-black-darkest);cursor:default;}&:not([data-checked]){color:var(--txt-black-dark);cursor:pointer;}&:disabled{cursor:not-allowed;}&::after{position:absolute;top:0;left:0;z-index:", ";display:block;width:100%;height:100%;content:'';border-radius:inherit;", "}&:focus-visible{&::after{", "}}&:not([data-checked]):not(&:disabled):hover{background-color:var(--bg-black-light);}"], ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('background-color'), ZIndex.Float, ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS(['box-shadow']), focusedInputWrapperStyle);
+const indicatorTransitionMeta = {
+  duration: Transition.TransitionDuration.M
+};
+const Indicator = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "SegmentedControlstyled__Indicator",
+  componentId: "sc-15mhli4-3"
+})(["--bezier-react-segmented-control-indicator-transform:none;--bezier-react-segmented-control-indicator-width:auto;--bezier-react-segmented-control-indicator-height:auto;position:absolute;top:0;left:0;z-index:", ";width:var(--bezier-react-segmented-control-indicator-width);height:var(--bezier-react-segmented-control-indicator-height);", " background-color:var(--bg-white-high);transform:var(--bezier-react-segmented-control-indicator-transform);", ""], ZIndex.Float, ({
+  foundation
+}) => foundation?.elevation.ev1(), ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('transform', indicatorTransitionMeta.duration));
+const Container = /*#__PURE__*/FoundationStyled(AlphaStack).attrs({
+  direction: 'horizontal'
+}).withConfig({
+  displayName: "SegmentedControlstyled__Container",
+  componentId: "sc-15mhli4-4"
+})(["--bezier-react-segmented-control-width:auto;position:relative;z-index:", ";box-sizing:border-box;width:var(--bezier-react-segmented-control-width);background-color:var(--bg-black-lighter);&.", "{height:24px;padding:1px;border-radius:6px;", " ", ",", "{border-radius:5px;}", "{padding:1px 0;}}&.", "{height:28px;padding:2px;border-radius:8px;", " ", ",", "{border-radius:6px;}", "{padding:2px 0;}}&.", "{height:36px;padding:2px;border-radius:8px;", " ", ",", "{border-radius:6px;}", "{padding:6px 0;}}&.", "{height:44px;padding:4px;border-radius:12px;", " ", ",", "{border-radius:8px;}", "{padding:8px 0;}}&[data-disabled]{opacity:", ";", ",", "{cursor:not-allowed;}}"], ZIndex.Base, SegmentedControlSize.XS, Typography.Size13, Item, Indicator, Item, SegmentedControlSize.S, Typography.Size14, Item, Indicator, Item, SegmentedControlSize.M, Typography.Size14, Item, Indicator, Item, SegmentedControlSize.L, Typography.Size14, Item, Indicator, Item, disabledOpacity, Item, Indicator);
+
+export { Container, Indicator, Item, ItemContainer, ItemLabel, indicatorTransitionMeta };
+//# sourceMappingURL=SegmentedControl.styled.mjs.map

package/dist/esm/components/Forms/SegmentedControl/SegmentedControl.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.styled.mjs","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"sourcesContent":["/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before */\nimport {\n  Transition,\n  Typography,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\nimport { Text } from '~/src/components/Text'\n\nimport { SegmentedControlSize } from './SegmentedControl.types'\n\nexport const ItemContainer = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  align: 'center',\n  spacing: 2,\n})`\n  z-index: ${ZIndex.Float};\n`\n\nexport const ItemLabel = styled(Text).attrs({ bold: true })`\n  padding: 1px 4px;\n`\n\nexport const Item = styled.button`\n  all: unset;\n\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')}\n\n  &[data-checked] {\n    color: var(--txt-black-darkest);\n    cursor: default;\n  }\n\n  &:not([data-checked]) {\n    color: var(--txt-black-dark);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  /* NOTE: (@ed) focus indicator */\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: ${ZIndex.Float};\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: '';\n    border-radius: inherit;\n    ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['box-shadow'])}\n  }\n\n  &:focus-visible {\n    &::after {\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  &:not([data-checked]):not(&:disabled):hover {\n    background-color: var(--bg-black-light);\n  }\n`\n\nexport const indicatorTransitionMeta = {\n  duration: Transition.TransitionDuration.M,\n}\n\nexport const Indicator = styled.div`\n  --bezier-react-segmented-control-indicator-transform: none;\n  --bezier-react-segmented-control-indicator-width: auto;\n  --bezier-react-segmented-control-indicator-height: auto;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Float};\n\n  width: var(--bezier-react-segmented-control-indicator-width);\n  height: var(--bezier-react-segmented-control-indicator-height);\n\n  ${({ foundation }) => foundation?.elevation.ev1()}\n  /* NOTE: (@ed) Overrides the elevation mixin. Do not change the order! */\n  background-color: var(--bg-white-high);\n\n  transform: var(--bezier-react-segmented-control-indicator-transform);\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('transform', indicatorTransitionMeta.duration)}\n`\n\nexport const Container = styled(AlphaStack).attrs({ direction: 'horizontal' })`\n  --bezier-react-segmented-control-width: auto;\n\n  position: relative;\n  z-index: ${ZIndex.Base};\n  box-sizing: border-box;\n  width: var(--bezier-react-segmented-control-width);\n  background-color: var(--bg-black-lighter);\n\n  &.${SegmentedControlSize.XS} {\n    height: 24px;\n    padding: 1px;\n    border-radius: 6px;\n    ${Typography.Size13}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 5px;\n    }\n\n    ${Item} {\n      padding: 1px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.S} {\n    height: 28px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 2px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.M} {\n    height: 36px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 6px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.L} {\n    height: 44px;\n    padding: 4px;\n    border-radius: 12px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 8px;\n    }\n\n    ${Item} {\n      padding: 8px 0;\n    }\n  }\n\n  &[data-disabled] {\n    opacity: ${DisabledOpacity};\n\n    ${Item},\n    ${Indicator} {\n      cursor: not-allowed;\n    }\n  }\n`\n"],"names":["ItemContainer","styled","AlphaStack","attrs","direction","align","spacing","withConfig","displayName","componentId","ZIndex","Float","ItemLabel","Text","bold","Item","button","foundation","transition","getTransitionsCSS","focusedInputWrapperStyle","indicatorTransitionMeta","duration","Transition","TransitionDuration","M","Indicator","div","elevation","ev1","Container","Base","SegmentedControlSize","XS","Typography","Size13","S","Size14","L","DisabledOpacity"],"mappings":"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"}

package/dist/esm/components/Forms/SegmentedControl/SegmentedControl.types.mjs

@@ -0,0 +1,10 @@
+let SegmentedControlSize = /*#__PURE__*/function (SegmentedControlSize) {
+  SegmentedControlSize["XS"] = "xs";
+  SegmentedControlSize["S"] = "s";
+  SegmentedControlSize["M"] = "m";
+  SegmentedControlSize["L"] = "l";
+  return SegmentedControlSize;
+}({});
+
+export { SegmentedControlSize };
+//# sourceMappingURL=SegmentedControl.types.mjs.map

package/dist/esm/components/Forms/SegmentedControl/SegmentedControl.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.types.mjs","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport type * as TabsPrimitive from '@radix-ui/react-tabs'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type DisableProps,\n  type SideContentProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nimport { type FormComponentProps } from '~/src/components/Forms'\n\nexport enum SegmentedControlSize {\n  XS = 'xs',\n  S = 's',\n  M = 'm',\n  L = 'l',\n}\n\nexport type SegmentedControlType = 'radiogroup' | 'tabs'\n\ntype SegmentedControlNonValueOptions<Type extends SegmentedControlType> = {\n  /**\n   * The element type of segmented control.\n   * It can be either `radiogroup` or `tabs`\n   * @default 'radiogroup'\n   */\n  type?: Type\n  /*\n   * The width of the segmented control.\n   * @default '100%'\n   */\n  width?: React.CSSProperties['width']\n}\n\ntype SegmentedControlValueOptions<Value extends string> = {\n  /**\n   * The controlled value of the item to check.\n   * It should be used in conjunction with `onValueChange`.\n   */\n  value?: Value\n  /**\n   * The value of the segmented control that should be checked when initially rendered.\n   * Use when you do not need to control the state of the items.\n   */\n  defaultValue?: Value\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: Value) => void\n}\n\ntype SegmentedControlRadioGroupSpecificOptions = FormComponentProps & {\n  /**\n   * The name of the group.\n   * Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n}\n\ninterface SegmentedControlItemOptions<Value extends string> {\n  /**\n   * The value of the item.\n   *\n   * If the type of `SegmentedControl` is `radiogroup`, It is the value given as data when submitted with a `SegmentedControlProps.name`.\n   *\n   * If the type of `SegmentedControl` is `tabs`, It is the value that associates the item with a content.\n   */\n  value: Value\n}\n\ninterface SegmentedControlTabContentOptions<Value extends string> {\n  /**\n   * A unique value that associates the item with a content.\n   */\n  value: Value\n}\n\ntype SegmentedControlOptions<Type extends SegmentedControlType, Value extends string> =\n  (Type extends 'radiogroup'\n    ? SegmentedControlRadioGroupSpecificOptions\n    : {})\n  & SegmentedControlNonValueOptions<Type>\n  & SegmentedControlValueOptions<Value>\n\ntype RadixTabsPredefinedPropKeys = 'dir'\n\nexport type SegmentedControlProps<Type extends SegmentedControlType, Value extends string> =\n  & BezierComponentProps\n  & ChildrenProps\n  & SizeProps<SegmentedControlSize>\n  & Omit<React.HTMLAttributes<HTMLDivElement>, RadixTabsPredefinedPropKeys>\n  & SegmentedControlOptions<Type, Value>\n\nexport interface SegmentedControlRadioGroupProps<Value extends string> extends\n  Omit<SegmentedControlProps<'radiogroup', Value>, keyof SegmentedControlNonValueOptions<'radiogroup'>> {}\n\nexport interface SegmentedControlTabsProps<Value extends string> extends\n  Omit<SegmentedControlProps<'tabs', Value>, keyof SegmentedControlNonValueOptions<'tabs'>> {}\n\ntype RadixTabListPredefinedPropKeys = 'defaultValue'\n\nexport interface SegmentedControlTabListProps extends\n  BezierComponentProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, RadixTabListPredefinedPropKeys>,\n  ChildrenProps {}\n\nexport type SegmentedControlItemListProps<Type extends SegmentedControlType, Value extends string> =\n  Type extends 'radiogroup'\n    ? SegmentedControlRadioGroupProps<Value>\n    : SegmentedControlTabListProps\n\nexport interface SegmentedControlItemProps<Value extends string> extends\n  BezierComponentProps,\n  ChildrenProps,\n  DisableProps,\n  React.HTMLAttributes<HTMLButtonElement>,\n  SideContentProps,\n  SegmentedControlItemOptions<Value> {}\n\nexport interface SegmentedControlTabContentProps<Value extends string> extends\n  BezierComponentProps,\n  ChildrenProps,\n  React.HTMLAttributes<HTMLDivElement>,\n  Pick<TabsPrimitive.TabsContentProps, 'forceMount'>,\n  SegmentedControlTabContentOptions<Value> {}\n"],"names":["SegmentedControlSize"],"mappings":"AAcYA,IAAAA,oBAAoB,0BAApBA,oBAAoB,EAAA;EAApBA,oBAAoB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAApBA,oBAAoB,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAApBA,oBAAoB,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAApBA,oBAAoB,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAApBA,oBAAoB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/Forms/SegmentedControl/SegmentedControlContext.mjs

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+// TODO: (@ed) Evolve it into a commonly reusable function
+function createContext(providerName, defaultValue) {
+  const Context = /*#__PURE__*/React__default.createContext(defaultValue);
+  function useContext(consumerName) {
+    const contextValue = React__default.useContext(Context);
+    if (!contextValue) {
+      throw new Error(`'${consumerName}' must be used within '${providerName}'`);
+    }
+    return contextValue;
+  }
+  return [Context.Provider, useContext];
+}
+const [SegmentedControlContextProvider, useSegmentedControlContext] = createContext('SegmentedControl', null);
+const [SegmentedControlItemListContextProvider, useSegmentedControlItemListContext] = createContext('SegmentedControlItemList', null);
+
+export { SegmentedControlContextProvider, SegmentedControlItemListContextProvider, useSegmentedControlContext, useSegmentedControlItemListContext };
+//# sourceMappingURL=SegmentedControlContext.mjs.map

package/dist/esm/components/Forms/SegmentedControl/SegmentedControlContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.mjs","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from 'react'\n\nimport {\n  type SegmentedControlProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\n\n// TODO: (@ed) Evolve it into a commonly reusable function\nfunction createContext<ContextValue>(\n  providerName: string,\n  defaultValue: ContextValue,\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName: string) {\n    const contextValue = React.useContext(Context)\n\n    if (!contextValue) {\n      throw new Error(`'${consumerName}' must be used within '${providerName}'`)\n    }\n\n    return contextValue\n  }\n\n  return [\n    Context.Provider,\n    useContext,\n  ] as const\n}\n\ntype SegmentedControlContextValue = Required<Pick<SegmentedControlProps<SegmentedControlType, string>, 'type' | 'size' | 'width'>>\n\nexport const [\n  SegmentedControlContextProvider,\n  useSegmentedControlContext,\n] = createContext<SegmentedControlContextValue | null>('SegmentedControl', null)\n\ninterface SegmentedControlItemListContextValue {\n  setSelectedElement: (node: HTMLButtonElement | null) => void\n}\n\nexport const [\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlItemListContext,\n] = createContext<SegmentedControlItemListContextValue | null>('SegmentedControlItemList', null)\n"],"names":["createContext","providerName","defaultValue","Context","React","useContext","consumerName","contextValue","Error","Provider","SegmentedControlContextProvider","useSegmentedControlContext","SegmentedControlItemListContextProvider","useSegmentedControlItemListContext"],"mappings":";;AAOA;AACA,SAASA,aAAaA,CACpBC,YAAoB,EACpBC,YAA0B,EAC1B;AACA,EAAA,MAAMC,OAAO,gBAAGC,cAAK,CAACJ,aAAa,CAAeE,YAAY,CAAC,CAAA;EAE/D,SAASG,UAAUA,CAACC,YAAoB,EAAE;AACxC,IAAA,MAAMC,YAAY,GAAGH,cAAK,CAACC,UAAU,CAACF,OAAO,CAAC,CAAA;IAE9C,IAAI,CAACI,YAAY,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAE,CAAA,CAAA,EAAGF,YAAa,CAAyBL,uBAAAA,EAAAA,YAAa,GAAE,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAOM,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,CACLJ,OAAO,CAACM,QAAQ,EAChBJ,UAAU,CACX,CAAA;AACH,CAAA;AAIa,MAAA,CACXK,+BAA+B,EAC/BC,0BAA0B,CAC3B,GAAGX,aAAa,CAAsC,kBAAkB,EAAE,IAAI,EAAC;AAMnE,MAAA,CACXY,uCAAuC,EACvCC,kCAAkC,CACnC,GAAGb,aAAa,CAA8C,0BAA0B,EAAE,IAAI;;;;"}