@shoplflow/base 0.46.1 → 0.46.3

package/dist/index.cjs

@@ -301,6 +301,9 @@ exports.AvatarSizeVariants = {
   XL: "XL"
 };
 
+// src/components/Avatar/version.ts
+exports.AVATAR_VERSION = "2.0.0";
+
 // src/styles/tokens.ts
 var fontWeightRegular = "var(--font-weight-regular)";
 var fontWeightMedium = "var(--font-weight-medium)";
@@ -576,6 +579,9 @@ exports.MotionStack = framerMotion.motion(Stack);
 exports.MotionStack.Vertical = framerMotion.motion(Stack.Vertical);
 exports.MotionStack.Horizontal = framerMotion.motion(Stack.Horizontal);
 exports.Stack = Stack;
+
+// src/components/Stack/version.ts
+exports.STACK_VERSION = "2.0.0";
 exports.StyledStackContainer = styled6__default.default.div`
   display: flex;
   width: ${({ width }) => width};
@@ -656,6 +662,9 @@ exports.MotionStackContainer = framerMotion.motion(StackContainer);
 exports.MotionStackContainer.Vertical = framerMotion.motion(StackContainer.Vertical);
 exports.MotionStackContainer.Horizontal = framerMotion.motion(StackContainer.Horizontal);
 exports.StackContainer = StackContainer;
+
+// src/components/StackContainer/version.ts
+exports.STACK_CONTAINER_VERSION = "2.0.0";
 var setEllipsis = (maxLines) => {
   return react$1.css`
     display: -webkit-box;
@@ -727,6 +736,9 @@ var Text = React3.forwardRef(
   }
 );
 exports.Text = Text;
+
+// src/components/Text/version.ts
+exports.TEXT_VERSION = "2.0.1";
 var MODAL_SIZE_XXS = 400;
 var MODAL_SIZE_XS = 500;
 var MODAL_SIZE_S = 560;
@@ -1007,6 +1019,9 @@ var ScrollArea = React3.forwardRef((_a, ref) => {
   ) });
 });
 exports.ScrollArea = ScrollArea;
+
+// src/components/ScrollArea/version.ts
+exports.SCROLL_AREA_VERSION = "2.0.0";
 var useModalOption = () => {
   const context = React3.useContext(ModalOptionContext);
   if (!context) {
@@ -1253,6 +1268,9 @@ var ModalProvider = ({ children }) => {
 };
 var ModalProvider_default = ModalProvider;
 
+// src/components/Modal/version.ts
+exports.MODAL_VERSION = "2.0.0";
+
 // src/components/Modal/index.ts
 exports.Modal = {
   Container: ModalContainer_default,
@@ -1262,6 +1280,9 @@ exports.Modal = {
   Bottom: ModalBottom,
   Footer: ModalFooter_default
 };
+
+// src/components/BackDrop/version.ts
+exports.BACK_DROP_VERSION = "2.0.0";
 var getContainerStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
     case "S":
@@ -1421,6 +1442,9 @@ exports.SwitchSizeVariants = {
   M: "M"
 };
 
+// src/components/Switch/version.ts
+exports.SWITCH_VERSION = "2.0.0";
+
 // src/components/Chips/ChipToggle/ChipToggle.types.ts
 exports.ChipToggleStyleVariants = {
   SOLID: "SOLID"
@@ -1665,6 +1689,9 @@ var ChipButton = (_a) => {
   );
 };
 exports.ChipButton = ChipButton;
+
+// src/components/Chips/version.ts
+exports.CHIPS_VERSION = "2.0.0";
 var getStyleByStyleVar = (styleVar, color, disabled) => {
   const domain = exports.getDomain();
   const secondaryBorderColor = domain === "hada" ? exports.colorTokens.hada150 : exports.colorTokens.neutral350;
@@ -2155,6 +2182,9 @@ exports.PopperPortal = React3.forwardRef(
 Popper.Trigger = exports.PopperTrigger;
 Popper.Portal = exports.PopperPortal;
 exports.Popper = Popper;
+
+// src/components/Popper/version.ts
+exports.POPPER_VERSION = "2.0.0";
 var Container2 = styled6__default.default.div`
   display: flex;
   align-items: center;
@@ -2470,6 +2500,9 @@ var Radio = (_a) => {
 Radio[exports.RADIO_SYMBOL_KEY] = true;
 exports.Radio = Radio;
 
+// src/components/ControlButtons/version.ts
+exports.CONTROL_BUTTONS_VERSION = "2.0.0";
+
 // src/components/Menu/Menu.styled.ts
 var getStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
@@ -2578,6 +2611,9 @@ exports.MenuSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Menu/version.ts
+exports.MENU_VERSION = "2.0.0";
 exports.DropdownButtonContext = React3.createContext(null);
 exports.useDropdownButtonContext = () => {
   const context = React3.useContext(exports.DropdownButtonContext);
@@ -2627,6 +2663,9 @@ var Icon = React3.forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(exports.StyledIcon, __spreadProps(__spreadValues({ as: iconSource, ref }, rest), { "data-shoplflow": "Icon" }));
 });
 exports.Icon = Icon;
+
+// src/components/Icon/version.ts
+exports.ICON_VERSION = "2.0.0";
 var DropdownButtonMenu = (_a) => {
   var _b = _a, { onClick, children } = _b, rest = __objRest(_b, ["onClick", "children"]);
   const { setIsOpen } = exports.useDropdownButtonContext();
@@ -2944,11 +2983,11 @@ exports.SplitButtonStyleVariants = {
   PRIMARY: "PRIMARY",
   SECONDARY: "SECONDARY"
 };
+
+// src/components/Buttons/version.ts
+exports.BUTTONS_VERSION = "2.0.0";
 var informationStyle = react$1.css`
   background: ${exports.colorTokens.neutral400_5};
-  & > span {
-    color: ${exports.colorTokens.neutral600};
-  }
   & > svg > circle {
     fill: ${exports.colorTokens.neutral200};
   }
@@ -2956,12 +2995,20 @@ var informationStyle = react$1.css`
     fill: ${exports.colorTokens.neutral400};
   }
 `;
+var cautionStyle = react$1.css`
+  background: ${exports.colorTokens.yellow100};
+  & > svg > path {
+    fill: ${exports.colorTokens.yellow300};
+  }
+  & > svg > circle {
+    fill: ${exports.colorTokens.yellow300};
+  }
+  & > svg > path {
+    fill: ${exports.colorTokens.yellow300};
+  }
+`;
 var alertStyle = react$1.css`
   background: ${exports.colorTokens.red100};
-  & > span {
-    align-self: center;
-    color: ${exports.colorTokens.red300};
-  }
   & > svg > path {
     fill: ${exports.colorTokens.red300};
   }
@@ -2974,6 +3021,7 @@ var StyledCallout = styled6__default.default.div`
   gap: 4px;
   border-radius: ${exports.borderRadiusTokens.borderRadius08};
   ${({ styleVar }) => styleVar === "INFORMATION" && informationStyle}
+  ${({ styleVar }) => styleVar === "CAUTION" && cautionStyle}
   ${({ styleVar }) => styleVar === "ALERT" && alertStyle}
   ${({ fillWidth }) => fillWidth && react$1.css`
       width: 100%;
@@ -2985,6 +3033,7 @@ var StyledCalloutIcon = styled6__default.default.svg`
   min-height: 20px;
   width: 20px;
   min-width: 20px;
+  flex-shrink: 0;
 `;
 styled6__default.default.div`
   padding: 2px 0;
@@ -2997,18 +3046,41 @@ var CalloutText = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsxRuntime.jsx(exports.Text, __spreadProps(__spreadValues({}, rest), { typography: "paragraph2", children }));
 };
-var CalloutIcon = ({ iconSource }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledCalloutIcon, { as: iconSource });
+var CalloutBulletList = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.StackContainer.Horizontal, { spacing: "spacing06", width: "100%", justify: "flex-start", minHeight: "20px", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          marginTop: "8px",
+          backgroundColor: exports.colorTokens.neutral700,
+          width: "3px",
+          height: "3px",
+          borderRadius: "50%",
+          flexShrink: 0
+        }
+      }
+    ),
+    children
+  ] });
+};
+var CalloutIcon = ({ iconSource, color }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledCalloutIcon, { as: iconSource, color });
 };
 Callout.Text = CalloutText;
 Callout.Icon = CalloutIcon;
+Callout.BulletList = CalloutBulletList;
 exports.Callout = Callout;
 
 // src/components/Callout/Callout.types.ts
 exports.CalloutTypes = {
   INFORMATION: "INFORMATION",
+  CAUTION: "CAUTION",
   ALERT: "ALERT"
 };
+
+// src/components/Callout/version.ts
+exports.CALLOUT_VERSION = "2.1.1";
 var StyledDropdown = styled6__default.default.div`
   width: ${({ width }) => width};
 `;
@@ -3341,6 +3413,9 @@ exports.DropdownOptionVariants = {
   OUTSIDE_CLICK: "OUTSIDE_CLICK",
   NONE: "NONE"
 };
+
+// src/components/Dropdown/version.ts
+exports.DROPDOWN_VERSION = "2.0.0";
 var StyledList = styled6__default.default.li`
   display: flex;
   flex-direction: row;
@@ -3382,6 +3457,9 @@ exports.Text2Rows = ({ title, subTitle }) => {
 };
 List.Text2Rows = exports.Text2Rows;
 exports.List = List;
+
+// src/components/List/version.ts
+exports.LIST_VERSION = "2.0.0";
 var getTypographyBySize = (size2) => {
   switch (size2) {
     case "XS":
@@ -3509,6 +3587,9 @@ exports.TagSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Tag/version.ts
+exports.TAG_VERSION = "2.0.0";
 var StyledTree = styled6__default.default(framerMotion.motion.ul)`
   display: flex;
   flex-direction: column;
@@ -3666,6 +3747,9 @@ exports.TreeItem = (_a) => {
 exports.TreeItem[exports.TREE_SYMBOL_KEY] = true;
 Tree.Item = exports.TreeItem;
 exports.Tree = Tree;
+
+// src/components/Tree/version.ts
+exports.TREE_VERSION = "2.0.0";
 var StyledInput = styled6__default.default.input`
   padding: ${({ sizeVar }) => sizeVar === "S" ? "0 8px" : "4px 12px"};
   background-color: transparent;
@@ -4450,6 +4534,9 @@ var SelectInputButton = (_a) => {
   );
 };
 exports.SelectInputButton = SelectInputButton;
+
+// src/components/Inputs/version.ts
+exports.INPUTS_VERSION = "2.0.0";
 var StyledTooltipContent = styled6__default.default.div`
   background-color: ${exports.colorTokens.neutral700};
   padding: 4px 8px;
@@ -4525,6 +4612,9 @@ var Tooltip = (_a) => {
 };
 Tooltip.Content = TooltipContent;
 exports.Tooltip = Tooltip;
+
+// src/components/Tooltip/version.ts
+exports.TOOLTIP_VERSION = "2.0.0";
 exports.TabsContext = React3.createContext(null);
 exports.useTabs = () => {
   const context = React3.useContext(exports.TabsContext);
@@ -4789,6 +4879,9 @@ exports.TabSizeVariants = {
   M: "M",
   L: "L"
 };
+
+// src/components/Tabs/version.ts
+exports.TABS_VERSION = "2.0.0";
 var PaginationWrapper = styled6__default.default.div`
   display: flex;
   align-items: center;
@@ -4946,6 +5039,9 @@ var Pagination = (_a) => {
 };
 Pagination.SizeSelector = PaginationSizeSelector_default;
 exports.Pagination = Pagination;
+
+// src/components/Pagination/version.ts
+exports.PAGINATION_VERSION = "2.0.0";
 var getLabelStyleByStatus = (selected, disabled) => {
   if (disabled && selected) {
     return react$1.css`
@@ -5115,6 +5211,9 @@ exports.ToggleButtonSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/ToggleButton/version.ts
+exports.TOGGLE_BUTTON_VERSION = "2.0.0";
 var SmallStyledDayDatepickerWrapper = styled6__default.default.div`
   display: flex;
   width: 280px;
@@ -6668,6 +6767,9 @@ var WeekDatepicker = ({
   ] });
 };
 exports.WeekDatepicker = WeekDatepicker;
+
+// src/components/Datepickers/version.ts
+exports.DATEPICKERS_VERSION = "2.0.0";
 var StyledNumberCombobox = styled6__default.default.div``;
 var IconWrapper2 = styled6__default.default(framerMotion.motion.div)`
   display: flex;
@@ -6859,6 +6961,9 @@ exports.NumberComboboxSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Comboboxs/version.ts
+exports.COMBOBOXS_VERSION = "2.0.0";
 var animation = react$1.keyframes`
   0% {
     transform: translateX(-100%);
@@ -6908,6 +7013,9 @@ var Skeleton = ({ styleVar = "rectangle", width = "50px", height = "20px" }) =>
 };
 exports.Skeleton = Skeleton;
 
+// src/components/Skeleton/version.ts
+exports.SKELETON_VERSION = "2.0.0";
+
 // src/components/Slider/Slider.types.ts
 exports.SLIDER_Z_INDEX = {
   THUMB_BUTTON: 10
@@ -7196,6 +7304,9 @@ var Slider = ({
   ] }) });
 };
 exports.Slider = Slider;
+
+// src/components/Slider/version.ts
+exports.SLIDER_VERSION = "2.0.0";
 var SearchBarContext = React3.createContext({});
 var useSearchBarContext = () => React3.useContext(SearchBarContext);
 var SearchBarProvider = ({
@@ -7420,6 +7531,9 @@ var SearchBar = (_a) => {
 SearchBar.Category = SearchBarCategory;
 SearchBar.Input = SearchBarInput;
 
+// src/components/SearchBar/version.ts
+exports.SEARCH_BAR_VERSION = "2.0.0";
+
 // src/components/SearchBar/index.ts
 exports.SearchBar = SearchBar;
 exports.SearchBar.Category = SearchBarCategory;

package/dist/index.d.cts

@@ -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 };