@shoplflow/base 0.46.1 → 0.46.3

package/dist/index.d.ts

@@ -296,6 +296,9 @@ interface AvatarOptionProps extends SizeVariantProps<AvatarSizeVariantType>, Img
 
 declare const Avatar: ({ src, badge, fallbackUrl, ...rest }: AvatarProps) => JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const AVATAR_VERSION = "2.0.0";
+
 type StackGenericProps<T extends StringElementType = 'div'> = RenderConfigProps & StackProps & HTMLPropsWithoutRef<T>;
 type StackComponentType = ForwardRefExoticComponent<PropsWithoutRef<StackGenericProps> & RefAttributes<HTMLElement>>;
 type MotionStackComponentType<T extends StringElementType = 'div'> = CustomDomComponent<RenderConfigProps & HTMLPropsWithoutRef<T> & StackProps>;
@@ -367,6 +370,9 @@ declare const StyledStack: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 } & StackOptionProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const STACK_VERSION = "2.0.0";
+
 type StackContainerGenericProps<T extends StringElementType = 'div'> = RenderConfigProps & StackContainerProps & HTMLPropsWithoutRef<T>;
 type StackContainerComponentType = ForwardRefExoticComponent<PropsWithoutRef<StackContainerGenericProps> & RefAttributes<HTMLElement>>;
 type MotionStackContainerComponentType<T extends StringElementType = 'div'> = CustomDomComponent<RenderConfigProps & HTMLPropsWithoutRef<T> & StackContainerProps>;
@@ -441,6 +447,9 @@ declare const StyledStackContainer: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 } & StackContainerOptionProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const STACK_CONTAINER_VERSION = "2.0.0";
+
 interface TextOptionProps {
     /**
      * 타이포그레피를 설정합니다.
@@ -464,6 +473,9 @@ interface TextProps extends TextOptionProps, ChildrenProps, RenderConfigProps, O
 
 declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<unknown>>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const TEXT_VERSION = "2.0.1";
+
 declare const ModalSize: {
     readonly XXS: "XXS";
     readonly XS: "XS";
@@ -550,6 +562,9 @@ declare const useHandleModal: () => {
     removeModal: (props?: RemoveModalProps) => void;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const MODAL_VERSION = "2.0.0";
+
 declare const Modal: {
     Container: ({ children, height, outsideClick, ...rest }: ModalContainerProps) => react_jsx_runtime.JSX.Element;
     Header: ModalHeaderType;
@@ -565,6 +580,9 @@ interface BackDropProps extends ChildrenProps, BackDropOptionProps {
 interface BackDropOptionProps {
 }
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const BACK_DROP_VERSION = "2.0.0";
+
 declare const SwitchSizeVariants: {
     readonly S: "S";
     readonly M: "M";
@@ -578,6 +596,9 @@ interface SwitchOptionProps {
 
 declare const Switch: ({ onChange, isSelected, disabled, activeColor, defaultSelected, sizeVar, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const SWITCH_VERSION = "2.0.0";
+
 declare const ChipToggleStyleVariants: {
     readonly SOLID: "SOLID";
 };
@@ -610,6 +631,9 @@ interface ChipButtonOptionProps {
 
 declare const ChipButton: ({ styleVar, color, sizeVar, text, onClick, disabled, ...rest }: ChipButtonProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const CHIPS_VERSION = "2.0.0";
+
 type AsProp<T extends React__default.ElementType> = {
     as?: T;
 };
@@ -695,6 +719,9 @@ interface MenuOptionProps extends ChildrenProps, DisableProps, RightElementProps
 
 declare const Menu: ({ leftSource, rightSource, children, isSelected, defaultSelected, onClick, sizeVar, disabled, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const MENU_VERSION = "2.0.0";
+
 declare const DropdownButton: {
     ({ text, sizeVar, className, disabled, children, placement, styleVar, floatingZIndex, ...rest }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
     Menu: ({ onClick, children, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
@@ -737,8 +764,12 @@ type SplitButtonContextType = {
 declare const SplitButtonContext: React$1.Context<SplitButtonContextType | null>;
 declare const useSplitButtonContext: () => SplitButtonContextType;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const BUTTONS_VERSION = "2.0.0";
+
 declare const CalloutTypes: {
     readonly INFORMATION: "INFORMATION";
+    readonly CAUTION: "CAUTION";
     readonly ALERT: "ALERT";
 };
 type CalloutType = $Values<typeof CalloutTypes>;
@@ -750,13 +781,19 @@ interface CalloutOptionProps {
      */
     fillWidth?: boolean;
 }
+interface CalloutIconProps extends IconSourceProps, ColorTokenProps {
+}
 
 declare const Callout: {
     ({ children, styleVar, fillWidth, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
     Text: ({ children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
-    Icon: ({ iconSource }: IconSourceProps) => react_jsx_runtime.JSX.Element;
+    Icon: ({ iconSource, color }: CalloutIconProps) => react_jsx_runtime.JSX.Element;
+    BulletList: ({ children }: ChildrenProps) => react_jsx_runtime.JSX.Element;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const CALLOUT_VERSION = "2.1.1";
+
 interface PopperProps extends PopperOptionProps {
 }
 interface PopperOptionProps extends ChildrenProps {
@@ -830,6 +867,9 @@ declare const Popper: {
 declare const PopperTrigger: React__default.ForwardRefExoticComponent<PopperTriggerProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const PopperPortal: React__default.ForwardRefExoticComponent<PopperPortalProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const POPPER_VERSION = "2.0.0";
+
 interface ScrollbarRefType {
     scrollTop(top: number): void;
     scrollLeft(left: number): void;
@@ -931,6 +971,9 @@ interface ScrollAreaOptionProps {
 
 declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<ScrollbarRefType>>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const SCROLL_AREA_VERSION = "2.0.0";
+
 declare const DropdownOptionVariants: {
     readonly CLICK: "CLICK";
     readonly OUTSIDE_CLICK: "OUTSIDE_CLICK";
@@ -996,6 +1039,9 @@ declare const Dropdown: {
     Content: ({ children, width: initialWidth, type, onClick, ...rest }: DropdownContentProps) => react_jsx_runtime.JSX.Element;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const DROPDOWN_VERSION = "2.0.0";
+
 interface ListProps extends ListOptionProps {
 }
 interface ListOptionProps extends ChildrenProps, DisableProps, SelectedProps, LeftNodeProps, RightNodeProps, HTMLAttributes<HTMLLIElement> {
@@ -1013,6 +1059,9 @@ declare const List: {
 };
 declare const Text2Rows: ({ title, subTitle }: ListText2RowsProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const LIST_VERSION = "2.0.0";
+
 declare const TagStyleVariants: {
     readonly SOLID: "SOLID";
     readonly TINT: "TINT";
@@ -1033,6 +1082,9 @@ interface TagOptionProps extends SizeVariantProps<TagSizeVariantType>, StyleVari
 
 declare const Tag: ({ sizeVar, children, rightSource, leftSource, className, ...rest }: TagProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const TAG_VERSION = "2.0.0";
+
 interface TreeProps extends TreeOptionProps {
 }
 interface TreeOptionProps extends ChildrenProps {
@@ -1078,6 +1130,9 @@ declare const TreeItem: {
     [TREE_SYMBOL_KEY]: boolean;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const TREE_VERSION = "2.0.0";
+
 declare const IconSizeVariants: {
     readonly XS: "XS";
     readonly S: "S";
@@ -1101,6 +1156,9 @@ declare const StyledIcon: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 } & IconOptionProps, React$1.SVGProps<SVGSVGElement>, {}>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const ICON_VERSION = "2.0.0";
+
 declare const InputSizeVariants: {
     readonly S: "S";
     readonly M: "M";
@@ -1228,6 +1286,9 @@ interface SelectInputButtonOptionProps extends Omit<HTMLAttributes<HTMLLabelElem
 
 declare const SelectInputButton: ({ disabled, isSelected, onMouseEnter, onMouseLeave, onClick, onClear, value, placeholder, label, width, rightSource, sizeVar, ...rest }: SelectInputButtonProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const INPUTS_VERSION = "2.0.0";
+
 interface MinusBoxProps extends MinusBoxOptionProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'> {
 }
 interface MinusBoxOptionProps {
@@ -1261,6 +1322,9 @@ declare const Radio: {
     [RADIO_SYMBOL_KEY]: boolean;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const CONTROL_BUTTONS_VERSION = "2.0.0";
+
 interface TooltipProps extends TooltipOptionProps, Omit<PopperProps, 'autoPlacement'> {
 }
 interface TooltipOptionProps {
@@ -1279,6 +1343,9 @@ declare const Tooltip: {
     Content: ({ content, ...args }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const TOOLTIP_VERSION = "2.0.0";
+
 declare const TabStyleVariants: {
     readonly NORMAL: "NORMAL";
     readonly INFO: "INFO";
@@ -1334,6 +1401,9 @@ type TabsContextType = {
 declare const TabsContext: React$1.Context<TabsContextType | null>;
 declare const useTabs: () => TabsContextType;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const TABS_VERSION = "2.0.0";
+
 interface PaginationProps extends PaginationOptionProps, HTMLAttributes<HTMLDivElement> {
 }
 interface PaginationOptionProps extends LeftAndRightNodeProps {
@@ -1389,6 +1459,9 @@ declare const Pagination: {
     SizeSelector: ({ data, pageSize, setPageSize }: PaginationSizeSelectorProps) => react_jsx_runtime.JSX.Element;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const PAGINATION_VERSION = "2.0.0";
+
 declare const ToggleButtonSizeVariants: {
     readonly S: "S";
     readonly M: "M";
@@ -1416,6 +1489,9 @@ declare const ToggleButton: {
     InnerRadio: React__default.ForwardRefExoticComponent<ToggleButtonInnerRadioProps & React__default.RefAttributes<HTMLInputElement>>;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const TOGGLE_BUTTON_VERSION = "2.0.0";
+
 declare const DayDatepickerSizeVariants: {
     readonly S: "S";
     readonly M: "M";
@@ -1566,6 +1642,9 @@ type YearSelectProps = {
     }) => void;
 };
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const DATEPICKERS_VERSION = "2.0.0";
+
 declare const NumberComboboxSizeVariants: {
     readonly S: "S";
     readonly M: "M";
@@ -1591,6 +1670,9 @@ type NumberComboboxProps = NumberComboboxOptionProps & Omit<InputHTMLAttributes<
 
 declare const NumberCombobox: ({ disabled, onSelect, onChange, value, width, onBlur, items, isError, sizeVar, placeholder, maxLength, className, floatingZIndex, ...rest }: NumberComboboxProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const COMBOBOXS_VERSION = "2.0.0";
+
 type SkeletonProps = {
     styleVar?: 'circle' | 'rectangle';
     width?: string;
@@ -1599,6 +1681,9 @@ type SkeletonProps = {
 
 declare const Skeleton: ({ styleVar, width, height }: SkeletonProps) => react_jsx_runtime.JSX.Element;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const SKELETON_VERSION = "2.0.0";
+
 interface SliderProps {
     /**
      * 선택 가능한 최소값
@@ -1645,6 +1730,9 @@ declare const SLIDER_Z_INDEX: {
 
 declare const Slider: React__default.FC<SliderProps>;
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const SLIDER_VERSION = "2.0.0";
+
 /** 드롭다운 아이템 타입 */
 type DropdownItem = {
     /** 표시되는 라벨 */
@@ -1718,6 +1806,9 @@ interface MemoizedSearchBarComponent extends React.MemoExoticComponent<SearchBar
     Input: React.FC<SearchBarInputProps>;
 }
 
+/** @internal 컴포넌트 메타데이터: 버전 */
+declare const SEARCH_BAR_VERSION = "2.0.0";
+
 declare const SearchBar: MemoizedSearchBarComponent;
 
-export { AnnualDatepicker, AnnualDatepickerProps, AsProp, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, DomainType, Dropdown, DropdownButton, DropdownButtonContext, DropdownButtonContextType, DropdownButtonOptionProps, DropdownButtonProps, DropdownButtonSizeVariantType, DropdownButtonSizeVariants, DropdownButtonStyleVariantType, DropdownButtonStyleVariants, DropdownContentProps, DropdownItem, DropdownOptionProps, DropdownOptionVariantType, DropdownOptionVariants, DropdownProps, DropdownSizeVariantType, DropdownTriggerButtonProps, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, InputSizeVariantType, InputSizeVariants, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MemoizedSearchBarComponent, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalBottomProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, ModalTopProps, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, NumberCombobox, NumberComboboxErrorType, NumberComboboxInputType, NumberComboboxOptionProps, NumberComboboxProps, NumberComboboxSizeVariantType, NumberComboboxSizeVariants, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, PolymorphicComponentProps, PolymorphicRef, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, SLIDER_Z_INDEX, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SearchBar, SearchBarBaseProps, SearchBarCategoryProps, SearchBarComponent, SearchBarInputProps, SearchBarProps, SearchType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, Skeleton, SkeletonProps, Slider, SliderBounds, SliderProps, SpacingTokens, SplitButton, SplitButtonContext, SplitButtonContextType, SplitButtonOptionProps, SplitButtonProps, SplitButtonSizeVariantType, SplitButtonSizeVariants, SplitButtonStyleVariantType, SplitButtonStyleVariants, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, SwitchSizeVariantType, SwitchSizeVariants, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };
+export { AVATAR_VERSION, AnnualDatepicker, AnnualDatepickerProps, AsProp, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BACK_DROP_VERSION, BUTTONS_VERSION, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CALLOUT_VERSION, CHECKBOX_SYMBOL_KEY, CHIPS_VERSION, COMBOBOXS_VERSION, CONTROL_BUTTONS_VERSION, Callout, CalloutIconProps, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChildrenProps, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DATEPICKERS_VERSION, DROPDOWN_VERSION, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, DomainType, Dropdown, DropdownButton, DropdownButtonContext, DropdownButtonContextType, DropdownButtonOptionProps, DropdownButtonProps, DropdownButtonSizeVariantType, DropdownButtonSizeVariants, DropdownButtonStyleVariantType, DropdownButtonStyleVariants, DropdownContentProps, DropdownItem, DropdownOptionProps, DropdownOptionVariantType, DropdownOptionVariants, DropdownProps, DropdownSizeVariantType, DropdownTriggerButtonProps, FontWeightTokens, ICON_VERSION, INPUTS_VERSION, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, InputSizeVariantType, InputSizeVariants, LIST_VERSION, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MENU_VERSION, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MODAL_VERSION, MemoizedSearchBarComponent, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalBottomProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, ModalTopProps, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, NumberCombobox, NumberComboboxErrorType, NumberComboboxInputType, NumberComboboxOptionProps, NumberComboboxProps, NumberComboboxSizeVariantType, NumberComboboxSizeVariants, PAGINATION_VERSION, POPPER_VERSION, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, PolymorphicComponentProps, PolymorphicRef, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, SCROLL_AREA_VERSION, SEARCH_BAR_VERSION, SKELETON_VERSION, SLIDER_VERSION, SLIDER_Z_INDEX, STACK_CONTAINER_VERSION, STACK_VERSION, SWITCH_VERSION, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SearchBar, SearchBarBaseProps, SearchBarCategoryProps, SearchBarComponent, SearchBarInputProps, SearchBarProps, SearchType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, Skeleton, SkeletonProps, Slider, SliderBounds, SliderProps, SpacingTokens, SplitButton, SplitButtonContext, SplitButtonContextType, SplitButtonOptionProps, SplitButtonProps, SplitButtonSizeVariantType, SplitButtonSizeVariants, SplitButtonStyleVariantType, SplitButtonStyleVariants, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, SwitchSizeVariantType, SwitchSizeVariants, TABS_VERSION, TAG_VERSION, TEXT_VERSION, TOGGLE_BUTTON_VERSION, TOOLTIP_VERSION, TREE_SYMBOL_KEY, TREE_VERSION, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };

package/dist/index.js

@@ -274,6 +274,9 @@ var AvatarSizeVariants = {
   XL: "XL"
 };
 
+// src/components/Avatar/version.ts
+var AVATAR_VERSION = "2.0.0";
+
 // src/styles/tokens.ts
 var fontWeightRegular = "var(--font-weight-regular)";
 var fontWeightMedium = "var(--font-weight-medium)";
@@ -549,6 +552,9 @@ var MotionStack = motion(Stack);
 MotionStack.Vertical = motion(Stack.Vertical);
 MotionStack.Horizontal = motion(Stack.Horizontal);
 var Stack_default = Stack;
+
+// src/components/Stack/version.ts
+var STACK_VERSION = "2.0.0";
 var StyledStackContainer = styled6.div`
   display: flex;
   width: ${({ width }) => width};
@@ -629,6 +635,9 @@ var MotionStackContainer = motion(StackContainer);
 MotionStackContainer.Vertical = motion(StackContainer.Vertical);
 MotionStackContainer.Horizontal = motion(StackContainer.Horizontal);
 var StackContainer_default = StackContainer;
+
+// src/components/StackContainer/version.ts
+var STACK_CONTAINER_VERSION = "2.0.0";
 var setEllipsis = (maxLines) => {
   return css`
     display: -webkit-box;
@@ -700,6 +709,9 @@ var Text = forwardRef(
   }
 );
 var Text_default = Text;
+
+// src/components/Text/version.ts
+var TEXT_VERSION = "2.0.1";
 var MODAL_SIZE_XXS = 400;
 var MODAL_SIZE_XS = 500;
 var MODAL_SIZE_S = 560;
@@ -980,6 +992,9 @@ var ScrollArea = forwardRef((_a, ref) => {
   ) });
 });
 var ScrollArea_default = ScrollArea;
+
+// src/components/ScrollArea/version.ts
+var SCROLL_AREA_VERSION = "2.0.0";
 var useModalOption = () => {
   const context = useContext(ModalOptionContext);
   if (!context) {
@@ -1226,6 +1241,9 @@ var ModalProvider = ({ children }) => {
 };
 var ModalProvider_default = ModalProvider;
 
+// src/components/Modal/version.ts
+var MODAL_VERSION = "2.0.0";
+
 // src/components/Modal/index.ts
 var Modal = {
   Container: ModalContainer_default,
@@ -1235,6 +1253,9 @@ var Modal = {
   Bottom: ModalBottom,
   Footer: ModalFooter_default
 };
+
+// src/components/BackDrop/version.ts
+var BACK_DROP_VERSION = "2.0.0";
 var getContainerStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
     case "S":
@@ -1394,6 +1415,9 @@ var SwitchSizeVariants = {
   M: "M"
 };
 
+// src/components/Switch/version.ts
+var SWITCH_VERSION = "2.0.0";
+
 // src/components/Chips/ChipToggle/ChipToggle.types.ts
 var ChipToggleStyleVariants = {
   SOLID: "SOLID"
@@ -1638,6 +1662,9 @@ var ChipButton = (_a) => {
   );
 };
 var ChipButton_default = ChipButton;
+
+// src/components/Chips/version.ts
+var CHIPS_VERSION = "2.0.0";
 var getStyleByStyleVar = (styleVar, color, disabled) => {
   const domain = getDomain();
   const secondaryBorderColor = domain === "hada" ? colorTokens.hada150 : colorTokens.neutral350;
@@ -2128,6 +2155,9 @@ var PopperPortal = forwardRef(
 Popper.Trigger = PopperTrigger;
 Popper.Portal = PopperPortal;
 var Popper_default = Popper;
+
+// src/components/Popper/version.ts
+var POPPER_VERSION = "2.0.0";
 var Container2 = styled6.div`
   display: flex;
   align-items: center;
@@ -2443,6 +2473,9 @@ var Radio = (_a) => {
 Radio[RADIO_SYMBOL_KEY] = true;
 var Radio_default = Radio;
 
+// src/components/ControlButtons/version.ts
+var CONTROL_BUTTONS_VERSION = "2.0.0";
+
 // src/components/Menu/Menu.styled.ts
 var getStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
@@ -2551,6 +2584,9 @@ var MenuSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Menu/version.ts
+var MENU_VERSION = "2.0.0";
 var DropdownButtonContext = createContext(null);
 var useDropdownButtonContext = () => {
   const context = useContext(DropdownButtonContext);
@@ -2600,6 +2636,9 @@ var Icon = forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsx(StyledIcon, __spreadProps(__spreadValues({ as: iconSource, ref }, rest), { "data-shoplflow": "Icon" }));
 });
 var Icon_default = Icon;
+
+// src/components/Icon/version.ts
+var ICON_VERSION = "2.0.0";
 var DropdownButtonMenu = (_a) => {
   var _b = _a, { onClick, children } = _b, rest = __objRest(_b, ["onClick", "children"]);
   const { setIsOpen } = useDropdownButtonContext();
@@ -2917,11 +2956,11 @@ var SplitButtonStyleVariants = {
   PRIMARY: "PRIMARY",
   SECONDARY: "SECONDARY"
 };
+
+// src/components/Buttons/version.ts
+var BUTTONS_VERSION = "2.0.0";
 var informationStyle = css`
   background: ${colorTokens.neutral400_5};
-  & > span {
-    color: ${colorTokens.neutral600};
-  }
   & > svg > circle {
     fill: ${colorTokens.neutral200};
   }
@@ -2929,12 +2968,20 @@ var informationStyle = css`
     fill: ${colorTokens.neutral400};
   }
 `;
+var cautionStyle = css`
+  background: ${colorTokens.yellow100};
+  & > svg > path {
+    fill: ${colorTokens.yellow300};
+  }
+  & > svg > circle {
+    fill: ${colorTokens.yellow300};
+  }
+  & > svg > path {
+    fill: ${colorTokens.yellow300};
+  }
+`;
 var alertStyle = css`
   background: ${colorTokens.red100};
-  & > span {
-    align-self: center;
-    color: ${colorTokens.red300};
-  }
   & > svg > path {
     fill: ${colorTokens.red300};
   }
@@ -2947,6 +2994,7 @@ var StyledCallout = styled6.div`
   gap: 4px;
   border-radius: ${borderRadiusTokens.borderRadius08};
   ${({ styleVar }) => styleVar === "INFORMATION" && informationStyle}
+  ${({ styleVar }) => styleVar === "CAUTION" && cautionStyle}
   ${({ styleVar }) => styleVar === "ALERT" && alertStyle}
   ${({ fillWidth }) => fillWidth && css`
       width: 100%;
@@ -2958,6 +3006,7 @@ var StyledCalloutIcon = styled6.svg`
   min-height: 20px;
   width: 20px;
   min-width: 20px;
+  flex-shrink: 0;
 `;
 styled6.div`
   padding: 2px 0;
@@ -2970,18 +3019,41 @@ var CalloutText = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx(Text_default, __spreadProps(__spreadValues({}, rest), { typography: "paragraph2", children }));
 };
-var CalloutIcon = ({ iconSource }) => {
-  return /* @__PURE__ */ jsx(StyledCalloutIcon, { as: iconSource });
+var CalloutBulletList = ({ children }) => {
+  return /* @__PURE__ */ jsxs(StackContainer_default.Horizontal, { spacing: "spacing06", width: "100%", justify: "flex-start", minHeight: "20px", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          marginTop: "8px",
+          backgroundColor: colorTokens.neutral700,
+          width: "3px",
+          height: "3px",
+          borderRadius: "50%",
+          flexShrink: 0
+        }
+      }
+    ),
+    children
+  ] });
+};
+var CalloutIcon = ({ iconSource, color }) => {
+  return /* @__PURE__ */ jsx(StyledCalloutIcon, { as: iconSource, color });
 };
 Callout.Text = CalloutText;
 Callout.Icon = CalloutIcon;
+Callout.BulletList = CalloutBulletList;
 var Callout_default = Callout;
 
 // src/components/Callout/Callout.types.ts
 var CalloutTypes = {
   INFORMATION: "INFORMATION",
+  CAUTION: "CAUTION",
   ALERT: "ALERT"
 };
+
+// src/components/Callout/version.ts
+var CALLOUT_VERSION = "2.1.1";
 var StyledDropdown = styled6.div`
   width: ${({ width }) => width};
 `;
@@ -3314,6 +3386,9 @@ var DropdownOptionVariants = {
   OUTSIDE_CLICK: "OUTSIDE_CLICK",
   NONE: "NONE"
 };
+
+// src/components/Dropdown/version.ts
+var DROPDOWN_VERSION = "2.0.0";
 var StyledList = styled6.li`
   display: flex;
   flex-direction: row;
@@ -3355,6 +3430,9 @@ var Text2Rows = ({ title, subTitle }) => {
 };
 List.Text2Rows = Text2Rows;
 var List_default = List;
+
+// src/components/List/version.ts
+var LIST_VERSION = "2.0.0";
 var getTypographyBySize = (size2) => {
   switch (size2) {
     case "XS":
@@ -3482,6 +3560,9 @@ var TagSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Tag/version.ts
+var TAG_VERSION = "2.0.0";
 var StyledTree = styled6(motion.ul)`
   display: flex;
   flex-direction: column;
@@ -3639,6 +3720,9 @@ var TreeItem = (_a) => {
 TreeItem[TREE_SYMBOL_KEY] = true;
 Tree.Item = TreeItem;
 var Tree_default = Tree;
+
+// src/components/Tree/version.ts
+var TREE_VERSION = "2.0.0";
 var StyledInput = styled6.input`
   padding: ${({ sizeVar }) => sizeVar === "S" ? "0 8px" : "4px 12px"};
   background-color: transparent;
@@ -4423,6 +4507,9 @@ var SelectInputButton = (_a) => {
   );
 };
 var SelectInputButton_default = SelectInputButton;
+
+// src/components/Inputs/version.ts
+var INPUTS_VERSION = "2.0.0";
 var StyledTooltipContent = styled6.div`
   background-color: ${colorTokens.neutral700};
   padding: 4px 8px;
@@ -4498,6 +4585,9 @@ var Tooltip = (_a) => {
 };
 Tooltip.Content = TooltipContent;
 var Tooltip_default = Tooltip;
+
+// src/components/Tooltip/version.ts
+var TOOLTIP_VERSION = "2.0.0";
 var TabsContext = createContext(null);
 var useTabs = () => {
   const context = useContext(TabsContext);
@@ -4762,6 +4852,9 @@ var TabSizeVariants = {
   M: "M",
   L: "L"
 };
+
+// src/components/Tabs/version.ts
+var TABS_VERSION = "2.0.0";
 var PaginationWrapper = styled6.div`
   display: flex;
   align-items: center;
@@ -4919,6 +5012,9 @@ var Pagination = (_a) => {
 };
 Pagination.SizeSelector = PaginationSizeSelector_default;
 var Pagination_default = Pagination;
+
+// src/components/Pagination/version.ts
+var PAGINATION_VERSION = "2.0.0";
 var getLabelStyleByStatus = (selected, disabled) => {
   if (disabled && selected) {
     return css`
@@ -5088,6 +5184,9 @@ var ToggleButtonSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/ToggleButton/version.ts
+var TOGGLE_BUTTON_VERSION = "2.0.0";
 var SmallStyledDayDatepickerWrapper = styled6.div`
   display: flex;
   width: 280px;
@@ -6641,6 +6740,9 @@ var WeekDatepicker = ({
   ] });
 };
 var WeekDatepicker_default = WeekDatepicker;
+
+// src/components/Datepickers/version.ts
+var DATEPICKERS_VERSION = "2.0.0";
 var StyledNumberCombobox = styled6.div``;
 var IconWrapper2 = styled6(motion.div)`
   display: flex;
@@ -6832,6 +6934,9 @@ var NumberComboboxSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Comboboxs/version.ts
+var COMBOBOXS_VERSION = "2.0.0";
 var animation = keyframes`
   0% {
     transform: translateX(-100%);
@@ -6881,6 +6986,9 @@ var Skeleton = ({ styleVar = "rectangle", width = "50px", height = "20px" }) =>
 };
 var Skeleton_default = Skeleton;
 
+// src/components/Skeleton/version.ts
+var SKELETON_VERSION = "2.0.0";
+
 // src/components/Slider/Slider.types.ts
 var SLIDER_Z_INDEX = {
   THUMB_BUTTON: 10
@@ -7169,6 +7277,9 @@ var Slider = ({
   ] }) });
 };
 var Slider_default = Slider;
+
+// src/components/Slider/version.ts
+var SLIDER_VERSION = "2.0.0";
 var SearchBarContext = createContext({});
 var useSearchBarContext = () => useContext(SearchBarContext);
 var SearchBarProvider = ({
@@ -7393,6 +7504,9 @@ var SearchBar = (_a) => {
 SearchBar.Category = SearchBarCategory;
 SearchBar.Input = SearchBarInput;
 
+// src/components/SearchBar/version.ts
+var SEARCH_BAR_VERSION = "2.0.0";
+
 // src/components/SearchBar/index.ts
 var SearchBar2 = SearchBar;
 SearchBar2.Category = SearchBarCategory;
@@ -7451,4 +7565,4 @@ classnames/index.js:
   *)
 */
 
-export { AnnualDatepicker_default as AnnualDatepicker, Avatar_default as Avatar, AvatarSizeVariants, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, DayDatepicker_default as DayDatepicker, DayDatepickerSizeVariants, Dropdown_default as Dropdown, DropdownButton_default as DropdownButton, DropdownButtonContext, DropdownButtonSizeVariants, DropdownButtonStyleVariants, DropdownOptionVariants, Icon_default as Icon, IconButton_default as IconButton, IconButtonSizeVariants, IconButtonStyleVariants, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, InputSizeVariants, List_default as List, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu_default as Menu, MenuSizeVariants, MinusButton_default as MinusButton, Modal, ModalContext, ModalHandlerContext, ModalPortal_default as ModalProvider, ModalSize, MonthDatepicker_default as MonthDatepicker, MotionStack, MotionStackContainer, NumberCombobox_default as NumberCombobox, NumberComboboxSizeVariants, Pagination_default as Pagination, Popper_default as Popper, PopperPortal, PopperTrigger, RADIO_SYMBOL_KEY, Radio_default as Radio, SLIDER_Z_INDEX, ScrollArea_default as ScrollArea, SearchBar2 as SearchBar, SelectInputButton_default as SelectInputButton, ShoplflowProvider_default as ShoplflowProvider, Skeleton_default as Skeleton, Slider_default as Slider, SplitButton_default as SplitButton, SplitButtonContext, SplitButtonSizeVariants, SplitButtonStyleVariants, Stack_default as Stack, StackContainer_default as StackContainer, StyledIcon, StyledStack, StyledStackContainer, Switch_default as Switch, SwitchSizeVariants, TREE_SYMBOL_KEY, TabSizeVariants, TabStyleVariants, Tabs_default as Tabs, TabsContext, Tag_default as Tag, TagSizeVariants, TagStyleVariants, Text_default as Text, Text2Rows, TextArea_default as TextArea, ToggleButton_default as ToggleButton, ToggleButtonSizeVariants, Tooltip_default as Tooltip, Tree_default as Tree, TreeItem, WeekDatepicker_default as WeekDatepicker, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };
+export { AVATAR_VERSION, AnnualDatepicker_default as AnnualDatepicker, Avatar_default as Avatar, AvatarSizeVariants, BACK_DROP_VERSION, BUTTONS_VERSION, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CALLOUT_VERSION, CHECKBOX_SYMBOL_KEY, CHIPS_VERSION, COMBOBOXS_VERSION, CONTROL_BUTTONS_VERSION, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, DATEPICKERS_VERSION, DROPDOWN_VERSION, DayDatepicker_default as DayDatepicker, DayDatepickerSizeVariants, Dropdown_default as Dropdown, DropdownButton_default as DropdownButton, DropdownButtonContext, DropdownButtonSizeVariants, DropdownButtonStyleVariants, DropdownOptionVariants, ICON_VERSION, INPUTS_VERSION, Icon_default as Icon, IconButton_default as IconButton, IconButtonSizeVariants, IconButtonStyleVariants, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, InputSizeVariants, LIST_VERSION, List_default as List, MENU_VERSION, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MODAL_VERSION, Menu_default as Menu, MenuSizeVariants, MinusButton_default as MinusButton, Modal, ModalContext, ModalHandlerContext, ModalPortal_default as ModalProvider, ModalSize, MonthDatepicker_default as MonthDatepicker, MotionStack, MotionStackContainer, NumberCombobox_default as NumberCombobox, NumberComboboxSizeVariants, PAGINATION_VERSION, POPPER_VERSION, Pagination_default as Pagination, Popper_default as Popper, PopperPortal, PopperTrigger, RADIO_SYMBOL_KEY, Radio_default as Radio, SCROLL_AREA_VERSION, SEARCH_BAR_VERSION, SKELETON_VERSION, SLIDER_VERSION, SLIDER_Z_INDEX, STACK_CONTAINER_VERSION, STACK_VERSION, SWITCH_VERSION, ScrollArea_default as ScrollArea, SearchBar2 as SearchBar, SelectInputButton_default as SelectInputButton, ShoplflowProvider_default as ShoplflowProvider, Skeleton_default as Skeleton, Slider_default as Slider, SplitButton_default as SplitButton, SplitButtonContext, SplitButtonSizeVariants, SplitButtonStyleVariants, Stack_default as Stack, StackContainer_default as StackContainer, StyledIcon, StyledStack, StyledStackContainer, Switch_default as Switch, SwitchSizeVariants, TABS_VERSION, TAG_VERSION, TEXT_VERSION, TOGGLE_BUTTON_VERSION, TOOLTIP_VERSION, TREE_SYMBOL_KEY, TREE_VERSION, TabSizeVariants, TabStyleVariants, Tabs_default as Tabs, TabsContext, Tag_default as Tag, TagSizeVariants, TagStyleVariants, Text_default as Text, Text2Rows, TextArea_default as TextArea, ToggleButton_default as ToggleButton, ToggleButtonSizeVariants, Tooltip_default as Tooltip, Tree_default as Tree, TreeItem, WeekDatepicker_default as WeekDatepicker, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };