@channel.io/bezier-react 1.5.0 → 1.6.0

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.styled.js","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","ZIndex","Float","ItemLabel","Text","bold","Item","button","foundation","_a","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/build/src/components/Forms/SegmentedControl/SegmentedControl.types.d.ts

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.types.js","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":"IAcYA,qBAKX;AALD,CAAA,UAAYA,oBAAoB,EAAA;AAC9BA,EAAAA,oBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACTA,EAAAA,oBAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,oBAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,oBAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACT,CAAC,EALWA,oBAAoB,KAApBA,oBAAoB,GAK/B,EAAA,CAAA,CAAA;;;;"}

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

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

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

@@ -1,19 +0,0 @@
-import e__default from 'react';
-
-// TODO: (@ed) Evolve it into a commonly reusable function
-function createContext(providerName, defaultValue) {
-  const Context = e__default.createContext(defaultValue);
-  function useContext(consumerName) {
-    const contextValue = e__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.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlContext.js","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,aAAa,CACpBC,YAAoB,EACpBC,YAA0B,EAAA;AAE1B,EAAA,MAAMC,OAAO,GAAGC,UAAK,CAACJ,aAAa,CAAeE,YAAY,CAAC,CAAA;EAE/D,SAASG,UAAU,CAACC,YAAoB,EAAA;AACtC,IAAA,MAAMC,YAAY,GAAGH,UAAK,CAACC,UAAU,CAACF,OAAO,CAAC,CAAA;IAE9C,IAAI,CAACI,YAAY,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,CAAA,CAAA,EAAIF,YAAsC,CAAAL,uBAAAA,EAAAA,YAAe,GAAA,CAAC,CAAA;AAC3E,KAAA;AAED,IAAA,OAAOM,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,CACLJ,OAAO,CAACM,QAAQ,EAChBJ,UAAU,CACF,CAAA;AACZ,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;;;;"}

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

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

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

@@ -1,84 +0,0 @@
-import e__default, { useState, useCallback, useLayoutEffect } from 'react';
-import { useResizeDetector } from '../../../../node_modules/react-resize-detector/build/index.esm.js';
-import useMergeRefs from '../../../hooks/useMergeRefs.js';
-import { indicatorTransitionMeta, Indicator } from './SegmentedControl.styled.js';
-
-const SEGMENTED_CONTROL_INDICATOR_TEST_ID = 'bezier-react-segmented-control-indicator';
-const SegmentedControlIndicator = function SegmentedControlIndicator({
-  target,
-  container,
-  updateKey
-}) {
-  const [indicatorNode, setIndicatorNode] = useState(null);
-  const [indicatorStyle, setIndicatorStyle] = useState({});
-  useLayoutEffect(function pauseTransitionOnMount() {
-    let timer;
-    if (indicatorNode) {
-      setIndicatorStyle(prev => Object.assign(Object.assign({}, prev), {
-        transition: 'none'
-      }));
-      timer = setTimeout(() => {
-        setIndicatorStyle(prev => Object.assign(Object.assign({}, prev), {
-          transition: undefined
-        }));
-      }, indicatorTransitionMeta.duration);
-    }
-    return function cleanUp() {
-      clearTimeout(timer);
-    };
-  }, [indicatorNode]);
-  useLayoutEffect(function updatePosition() {
-    if (indicatorNode && container && target) {
-      const {
-        top,
-        left,
-        width: selectedElementWidth,
-        height: selectedElementHeight
-      } = target.getBoundingClientRect();
-      const {
-        top: containerTop,
-        left: containerLeft
-      } = container.getBoundingClientRect();
-      setIndicatorStyle(prev => Object.assign(Object.assign({}, prev), {
-        '--bezier-react-segmented-control-indicator-transform': `translate(${left - containerLeft}px, ${top - containerTop}px)`,
-        '--bezier-react-segmented-control-indicator-width': `${selectedElementWidth}px`,
-        '--bezier-react-segmented-control-indicator-height': `${selectedElementHeight}px`
-      }));
-    }
-  }, [
-  // NOTE: (@ed) to force update indicator position on container size change
-  updateKey, indicatorNode, container, target]);
-  if (!target) {
-    return null;
-  }
-  return e__default.createElement(Indicator, {
-    ref: setIndicatorNode,
-    style: indicatorStyle,
-    "data-testid": SEGMENTED_CONTROL_INDICATOR_TEST_ID
-  });
-};
-function useSegmentedControlIndicator({
-  target,
-  refs
-}) {
-  const [container, setContainer] = useState(null);
-  const {
-    width: containerWidth,
-    height: containerHeight,
-    ref: resizeDetectorRef
-  } = useResizeDetector();
-  const containerSizeKey = `${containerWidth}-${containerHeight}`;
-  const containerRef = useMergeRefs(...refs, resizeDetectorRef, setContainer);
-  const render = useCallback(() => e__default.createElement(SegmentedControlIndicator, {
-    target: target,
-    container: container,
-    updateKey: containerSizeKey
-  }), [target, container, containerSizeKey]);
-  return {
-    containerRef,
-    render
-  };
-}
-
-export { SEGMENTED_CONTROL_INDICATOR_TEST_ID, useSegmentedControlIndicator };
-//# sourceMappingURL=SegmentedControlIndicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlIndicator.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlIndicator.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useLayoutEffect,\n  useState,\n} from 'react'\n\nimport { useResizeDetector } from 'react-resize-detector'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\n\nimport * as Styled from './SegmentedControl.styled'\n\nexport const SEGMENTED_CONTROL_INDICATOR_TEST_ID = 'bezier-react-segmented-control-indicator'\n\nconst SegmentedControlIndicator = function SegmentedControlIndicator({\n  target,\n  container,\n  updateKey,\n}: {\n  target: HTMLElement | null\n  container: HTMLElement | null\n  updateKey?: string\n}) {\n  const [indicatorNode, setIndicatorNode] = useState<HTMLDivElement | null>(null)\n  const [indicatorStyle, setIndicatorStyle] = useState<React.CSSProperties>({})\n\n  useLayoutEffect(function pauseTransitionOnMount() {\n    let timer: NodeJS.Timeout | undefined\n\n    if (indicatorNode) {\n      setIndicatorStyle(prev => ({\n        ...prev,\n        transition: 'none',\n      }))\n\n      timer = setTimeout(() => {\n        setIndicatorStyle(prev => ({\n          ...prev,\n          transition: undefined,\n        }))\n      }, Styled.indicatorTransitionMeta.duration)\n    }\n\n    return function cleanUp() {\n      clearTimeout(timer)\n    }\n  }, [indicatorNode])\n\n  useLayoutEffect(function updatePosition() {\n    if (indicatorNode && container && target) {\n      const {\n        top,\n        left,\n        width: selectedElementWidth,\n        height: selectedElementHeight,\n      } = target.getBoundingClientRect()\n\n      const {\n        top: containerTop,\n        left: containerLeft,\n      } = container.getBoundingClientRect()\n\n      setIndicatorStyle(prev => ({\n        ...prev,\n        '--bezier-react-segmented-control-indicator-transform': `translate(${left - containerLeft}px, ${top - containerTop}px)`,\n        '--bezier-react-segmented-control-indicator-width': `${selectedElementWidth}px`,\n        '--bezier-react-segmented-control-indicator-height': `${selectedElementHeight}px`,\n      }))\n    }\n  }, [\n    // NOTE: (@ed) to force update indicator position on container size change\n    updateKey,\n    indicatorNode,\n    container,\n    target,\n  ])\n\n  if (!target) { return null }\n\n  return (\n    <Styled.Indicator\n      ref={setIndicatorNode}\n      style={indicatorStyle}\n      data-testid={SEGMENTED_CONTROL_INDICATOR_TEST_ID}\n    />\n  )\n}\n\nexport function useSegmentedControlIndicator<Element extends HTMLElement>({\n  target,\n  refs,\n}: {\n  target: HTMLElement | null\n  refs: React.Ref<Element>[]\n}) {\n  const [container, setContainer] = useState<Element | null>(null)\n\n  const {\n    width: containerWidth,\n    height: containerHeight,\n    ref: resizeDetectorRef,\n  } = useResizeDetector<Element>()\n\n  const containerSizeKey = `${containerWidth}-${containerHeight}`\n\n  const containerRef = useMergeRefs(\n    ...refs,\n    resizeDetectorRef,\n    setContainer,\n  )\n\n  const render = useCallback(() => (\n    <SegmentedControlIndicator\n      target={target}\n      container={container}\n      updateKey={containerSizeKey}\n    />\n  ), [\n    target,\n    container,\n    containerSizeKey,\n  ])\n\n  return {\n    containerRef,\n    render,\n  } as const\n}\n"],"names":["SEGMENTED_CONTROL_INDICATOR_TEST_ID","SegmentedControlIndicator","target","container","updateKey","indicatorNode","setIndicatorNode","useState","indicatorStyle","setIndicatorStyle","useLayoutEffect","pauseTransitionOnMount","timer","prev","Object","assign","transition","setTimeout","undefined","Styled","duration","cleanUp","clearTimeout","updatePosition","top","left","width","selectedElementWidth","height","selectedElementHeight","getBoundingClientRect","containerTop","containerLeft","React","createElement","ref","style","useSegmentedControlIndicator","refs","setContainer","containerWidth","containerHeight","resizeDetectorRef","useResizeDetector","containerSizeKey","containerRef","useMergeRefs","render","useCallback"],"mappings":"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"}

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

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

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

@@ -1,61 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useCallback } from 'react';
-import { Item as $f99a8c78507165f7$export$6d08773d2e66f8f2 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
-import { Trigger as $69cb30bb0017df05$export$41fb9f06171c75f4 } from '../../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
-import useMergeRefs from '../../../hooks/useMergeRefs.js';
-import { ariaAttr } from '../../../utils/domUtils.js';
-import { useSegmentedControlItemListContext, useSegmentedControlContext } from './SegmentedControlContext.js';
-import { Item as Item$1, ItemContainer, ItemLabel } from './SegmentedControl.styled.js';
-
-const Item = forwardRef(function Item(_a, forwardedRef) {
-  var {
-      children,
-      type,
-      leftContent,
-      rightContent
-    } = _a,
-    rest = __rest(_a, ["children", "type", "leftContent", "rightContent"]);
-  const {
-    setSelectedElement
-  } = useSegmentedControlItemListContext('SegmentedControlItem');
-  const checked = type === 'radiogroup' ? (rest === null || rest === void 0 ? void 0 : rest['data-state']) === 'checked' : (rest === null || rest === void 0 ? void 0 : rest['data-state']) === 'active';
-  const ref = useMergeRefs(forwardedRef, useCallback(node => {
-    if (checked) {
-      setSelectedElement(node);
-    }
-  }, [checked, setSelectedElement]));
-  return e__default.createElement(Item$1, Object.assign({}, rest, {
-    ref: ref,
-    type: "button",
-    "data-checked": ariaAttr(checked)
-  }), e__default.createElement(ItemContainer, null, leftContent, e__default.createElement(ItemLabel, null, children), rightContent));
-});
-function SegmentedControlItemImpl(_a, forwardedRef) {
-  var {
-      children
-    } = _a,
-    rest = __rest(_a, ["children"]);
-  const {
-    type
-  } = useSegmentedControlContext('SegmentedControlItem');
-  const SegmentedControlItem = type === 'radiogroup' ? $f99a8c78507165f7$export$6d08773d2e66f8f2 : $69cb30bb0017df05$export$41fb9f06171c75f4;
-  return e__default.createElement(SegmentedControlItem, Object.assign({
-    asChild: true,
-    ref: forwardedRef
-  }, rest), e__default.createElement(Item, {
-    type: type
-  }, children));
-}
-/**
- * `SegmentedControlItem` component is each item in `SegmentedControl`.
- *
- * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.
- * In this case, it must be used as a child of `SegmentedControl`.
- *
- * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.
- * In this case, it must be used as a child of `SegmentedControlTabList`.
- */
-const SegmentedControlItem = forwardRef(SegmentedControlItemImpl);
-
-export { SegmentedControlItem };
-//# sourceMappingURL=SegmentedControlItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlItem.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n} from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { ariaAttr } from '~/src/utils/domUtils'\n\nimport {\n  type SegmentedControlItemProps,\n  type SegmentedControlProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\nimport {\n  useSegmentedControlContext,\n  useSegmentedControlItemListContext,\n} from './SegmentedControlContext'\n\nimport * as Styled from './SegmentedControl.styled'\n\n/**\n * NOTE: (@ed) A property injected at runtime by the radix-ui lib.\n */\ntype ItemProps<Type extends SegmentedControlType> = (\n  Type extends 'radiogroup'\n    ? { 'data-state'?: 'unchecked' | 'checked' }\n    : { 'data-state'?: 'inactive' | 'active' }\n)\n& React.HTMLAttributes<HTMLButtonElement>\n& Partial<SegmentedControlItemProps<Type>>\n& Required<Pick<SegmentedControlProps<Type, string>, 'type'>>\n\nconst Item = forwardRef<HTMLButtonElement, ItemProps<SegmentedControlType>>(function Item({\n  children,\n  type,\n  leftContent,\n  rightContent,\n  ...rest\n}, forwardedRef) {\n  const { setSelectedElement } = useSegmentedControlItemListContext('SegmentedControlItem')\n\n  const checked = type === 'radiogroup'\n    ? (rest as ItemProps<typeof type>)?.['data-state'] === 'checked'\n    : (rest as ItemProps<typeof type>)?.['data-state'] === 'active'\n\n  const ref = useMergeRefs(\n    forwardedRef,\n    useCallback((node: HTMLButtonElement | null) => {\n      if (checked) {\n        setSelectedElement(node)\n      }\n    }, [\n      checked,\n      setSelectedElement,\n    ]),\n  )\n\n  return (\n    <Styled.Item\n      {...rest}\n      ref={ref}\n      type=\"button\"\n      data-checked={ariaAttr(checked)}\n    >\n      <Styled.ItemContainer>\n        { leftContent }\n        <Styled.ItemLabel>\n          { children }\n        </Styled.ItemLabel>\n        { rightContent }\n      </Styled.ItemContainer>\n    </Styled.Item>\n  )\n})\n\nfunction SegmentedControlItemImpl<Value extends string>({\n  children,\n  ...rest\n}: SegmentedControlItemProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const { type } = useSegmentedControlContext('SegmentedControlItem')\n\n  const SegmentedControlItem = type === 'radiogroup'\n    ? RadioGroupPrimitive.Item\n    : TabsPrimitive.Trigger\n\n  return (\n    <SegmentedControlItem\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Item type={type}>\n        { children }\n      </Item>\n    </SegmentedControlItem>\n  )\n}\n\n/**\n * `SegmentedControlItem` component is each item in `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.\n * In this case, it must be used as a child of `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.\n * In this case, it must be used as a child of `SegmentedControlTabList`.\n */\nexport const SegmentedControlItem = forwardRef(SegmentedControlItemImpl) as <Value extends string>(\n  props: SegmentedControlItemProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => JSX.Element\n"],"names":["Item","forwardRef","_a","forwardedRef","children","type","leftContent","rightContent","rest","__rest","setSelectedElement","useSegmentedControlItemListContext","checked","ref","useMergeRefs","useCallback","node","React","createElement","Styled","Object","assign","ariaAttr","SegmentedControlItemImpl","useSegmentedControlContext","SegmentedControlItem","RadioGroupPrimitive","TabsPrimitive","asChild"],"mappings":";;;;;;;;;AAmCA,MAAMA,IAAI,GAAGC,UAAU,CAAqD,SAASD,IAAI,CAACE,EAMzF,EAAEC,YAAY,EAAA;EAN2E,IAAA;MACxFC,QAAQ;MACRC,IAAI;MACJC,WAAW;AACXC,MAAAA,YAAAA;AAAY,KAAA,GAAAL,EAEb;AADIM,IAAAA,IAAI,GALiFC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,CAMzF,CADQ,CAAA;EAEP,MAAM;AAAEQ,IAAAA,kBAAAA;AAAoB,GAAA,GAAGC,kCAAkC,CAAC,sBAAsB,CAAC,CAAA;EAEzF,MAAMC,OAAO,GAAGP,IAAI,KAAK,YAAY,GACjC,CAACG,IAA+B,KAA/B,IAAA,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,SAAS,GAC9D,CAACA,IAA+B,KAAA,IAAA,IAA/BA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAA8B,YAAY,CAAC,MAAK,QAAQ,CAAA;EAEjE,MAAMK,GAAG,GAAGC,YAAY,CACtBX,YAAY,EACZY,WAAW,CAAEC,IAA8B,IAAI;AAC7C,IAAA,IAAIJ,OAAO,EAAE;MACXF,kBAAkB,CAACM,IAAI,CAAC,CAAA;AACzB,KAAA;AACH,GAAC,EAAE,CACDJ,OAAO,EACPF,kBAAkB,CACnB,CAAC,CACH,CAAA;AAED,EAAA,OACEO,UAAC,CAAAC,aAAA,CAAAC,MAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACNb,IAAI,EACR;AAAAK,IAAAA,GAAG,EAAEA,GAAG;AACRR,IAAAA,IAAI,EAAC,QAAQ;oBACCiB,QAAQ,CAACV,OAAO,CAAA;AAAC,GAAA,CAAA,EAE/BK,UAAC,CAAAC,aAAA,CAAAC,aAAoB,EAAA,IAAA,EACjBb,WAAW,EACbW,UAAA,CAAAC,aAAA,CAACC,SAAgB,EAAA,IAAA,EACbf,QAAQ,CACO,EACjBG,YAAY,CACO,CACX,CAAA;AAElB,CAAC,CAAC,CAAA;AAEF,SAASgB,wBAAwB,CAAuBrB,EAGrB,EAAEC,YAA0C,EAAA;EAHvB,IAAA;AACtDC,MAAAA,QAAAA;AAEiC,KAAA,GAAAF,EAAA;IAD9BM,IAAI,GAAAC,MAAA,CAAAP,EAAA,EAF+C,YAGvD,CADQ,CAAA;EAEP,MAAM;AAAEG,IAAAA,IAAAA;AAAM,GAAA,GAAGmB,0BAA0B,CAAC,sBAAsB,CAAC,CAAA;AAEnE,EAAA,MAAMC,oBAAoB,GAAGpB,IAAI,KAAK,YAAY,GAC9CqB,yCAAwB,GACxBC,yCAAqB,CAAA;EAEzB,OACEV,UAAC,CAAAC,aAAA,CAAAO,oBAAoB,EACnBL,MAAA,CAAAC,MAAA,CAAA;AAAAO,IAAAA,OAAO;AACPf,IAAAA,GAAG,EAAEV,YAAAA;GAAY,EACbK,IAAI,CAAA,EAERS,UAAC,CAAAC,aAAA,CAAAlB,IAAI,EAAC;AAAAK,IAAAA,IAAI,EAAEA,IAAAA;KACRD,QAAQ,CACL,CACc,CAAA;AAE3B,CAAA;AAEA;;;;;;;;AAQG;MACUqB,oBAAoB,GAAGxB,UAAU,CAACsB,wBAAwB;;;;"}

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

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

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type SliderProps from './Slider.types';
-export declare const SLIDER_TEST_ID = "bezier-react-slider";
-export declare const SLIDER_THUMB_TEST_ID = "bezier-react-slider-thumb";
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Slider.d.ts.map