@shoplflow/base 0.13.9 → 0.14.0

package/dist/index.d.cts

@@ -11,6 +11,7 @@ import { $Values } from '@shoplflow/utils';
 import { Middleware } from '@floating-ui/react-dom';
 import { AutoPlacementOptions, Placement } from '@floating-ui/react';
 import { OffsetOptions } from '@floating-ui/core';
+import { positionValues } from 'react-custom-scrollbars-2';
 
 declare type DomainType = 'SHOPL' | 'HADA';
 
@@ -596,6 +597,93 @@ declare const StyledPopper: _emotion_styled.StyledComponent<{
     as?: React$1.ElementType<any> | undefined;
 } & Pick<PopperTriggerProps, "height" | "width">, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+interface ScrollAreaProps extends ScrollAreaOptionProps, ChildrenProps {
+}
+interface ScrollAreaOptionProps {
+    id?: string;
+    /**
+     * (Function) 스크롤 이벤트 핸들러
+     */
+    onScroll?: React$1.UIEventHandler<any>;
+    /**
+     * (Function) 애니메이션 프레임 내에서 실행됩니다.
+     */
+    onScrollFrame?: (values: positionValues) => void;
+    /**
+     * 스크롤이 시작될 때 호출됩니다.
+     */
+    onScrollStart?: () => void;
+    /**
+     * 스크롤이 멈출 때 호출됩니다.
+     */
+    onScrollStop?: () => void;
+    /**
+     * 컴포넌트가 업데이트될 때마다 호출됩니다. 애니메이션 프레임 내에서 실행됩니다.
+     */
+    onUpdate?: (values: positionValues) => void;
+    /**
+     * 콘텐츠가 렌더링될 요소
+     */
+    renderView?: React$1.ComponentType<any>;
+    /**
+     * 수평 트랙 요소
+     */
+    renderTrackHorizontal?: React$1.ComponentType<any>;
+    /**
+     * 수직 트랙 요소
+     */
+    renderTrackVertical?: React$1.ComponentType<any>;
+    /**
+     * 수평 스크롤 바 요소
+     */
+    renderThumbHorizontal?: React$1.ComponentType<any>;
+    /**
+     * 수직 스크롤 바 요소
+     */
+    renderThumbVertical?: React$1.ComponentType<any>;
+    tagName?: string;
+    /**
+     * 컨테이너가 오버플로되지 않을 때 트랙을 숨깁니다
+     */
+    hideTracksWhenNotNeeded?: boolean;
+    autoHide?: boolean;
+    /**
+     * 숨김 지연 시간(ms). (기본값: 1000)
+     */
+    autoHideTimeout?: number;
+    /**
+     * 숨김 지속 시간(ms). (기본값: 200)
+     */
+    autoHideDuration?: number;
+    /**
+     * 스크롤 바의 고정 크기를 px 단위로 설정합니다.
+     */
+    thumbSize?: number;
+    /**
+     * 최소 스크롤 바 크기를 px 단위로 설정합니다. (기본값: 30)
+     */
+    thumbMinSize?: number;
+    /**
+     * 범용 렌더링 활성화 (기본값: false)
+     */
+    universal?: boolean;
+    /**
+     * 자동 높이 모드 활성화. (기본값: true)
+     */
+    autoHeight?: boolean;
+    /**
+     * 자동 높이 모드의 최소 높이 설정 (기본값: 0)
+     */
+    autoHeightMin?: number | string;
+    /**
+     * 자동 높이 모드의 최대 높이 설정 (기본값: 200)
+     */
+    autoHeightMax?: number | string;
+    style?: React$1.CSSProperties;
+}
+
+declare const ScrollArea: ({ children, ...rest }: ScrollAreaProps) => react_jsx_runtime.JSX.Element;
+
 declare const dropdownOptionVar: {
     readonly CLICK: "CLICK";
     readonly OUTSIDE_CLICK: "OUTSIDE_CLICK";
@@ -1038,4 +1126,4 @@ interface MinusBoxOptionProps {
 
 declare const MinusButton: React__default.ForwardRefExoticComponent<MinusBoxProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-export { BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVar, ButtonStyleVar, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, Dropdown, DropdownButtonIcon, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVar, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, MotionStack, MotionStackComponentType, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledDropdown, StyledDropdownButton, StyledDropdownContent, StyledIcon, StyledInputButton, StyledPopper, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, getDropdownFontSizeBySizeVar, getDropdownHeightBySizeVar, getDropdownIconSizeBySizeVar, getDropdownStyleBySizeVar, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };
+export { BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVar, ButtonStyleVar, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, Dropdown, DropdownButtonIcon, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVar, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, MotionStack, MotionStackComponentType, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledDropdown, StyledDropdownButton, StyledDropdownContent, StyledIcon, StyledInputButton, StyledPopper, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, getDropdownFontSizeBySizeVar, getDropdownHeightBySizeVar, getDropdownIconSizeBySizeVar, getDropdownStyleBySizeVar, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { $Values } from '@shoplflow/utils';
 import { Middleware } from '@floating-ui/react-dom';
 import { AutoPlacementOptions, Placement } from '@floating-ui/react';
 import { OffsetOptions } from '@floating-ui/core';
+import { positionValues } from 'react-custom-scrollbars-2';
 
 declare type DomainType = 'SHOPL' | 'HADA';
 
@@ -596,6 +597,93 @@ declare const StyledPopper: _emotion_styled.StyledComponent<{
     as?: React$1.ElementType<any> | undefined;
 } & Pick<PopperTriggerProps, "height" | "width">, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+interface ScrollAreaProps extends ScrollAreaOptionProps, ChildrenProps {
+}
+interface ScrollAreaOptionProps {
+    id?: string;
+    /**
+     * (Function) 스크롤 이벤트 핸들러
+     */
+    onScroll?: React$1.UIEventHandler<any>;
+    /**
+     * (Function) 애니메이션 프레임 내에서 실행됩니다.
+     */
+    onScrollFrame?: (values: positionValues) => void;
+    /**
+     * 스크롤이 시작될 때 호출됩니다.
+     */
+    onScrollStart?: () => void;
+    /**
+     * 스크롤이 멈출 때 호출됩니다.
+     */
+    onScrollStop?: () => void;
+    /**
+     * 컴포넌트가 업데이트될 때마다 호출됩니다. 애니메이션 프레임 내에서 실행됩니다.
+     */
+    onUpdate?: (values: positionValues) => void;
+    /**
+     * 콘텐츠가 렌더링될 요소
+     */
+    renderView?: React$1.ComponentType<any>;
+    /**
+     * 수평 트랙 요소
+     */
+    renderTrackHorizontal?: React$1.ComponentType<any>;
+    /**
+     * 수직 트랙 요소
+     */
+    renderTrackVertical?: React$1.ComponentType<any>;
+    /**
+     * 수평 스크롤 바 요소
+     */
+    renderThumbHorizontal?: React$1.ComponentType<any>;
+    /**
+     * 수직 스크롤 바 요소
+     */
+    renderThumbVertical?: React$1.ComponentType<any>;
+    tagName?: string;
+    /**
+     * 컨테이너가 오버플로되지 않을 때 트랙을 숨깁니다
+     */
+    hideTracksWhenNotNeeded?: boolean;
+    autoHide?: boolean;
+    /**
+     * 숨김 지연 시간(ms). (기본값: 1000)
+     */
+    autoHideTimeout?: number;
+    /**
+     * 숨김 지속 시간(ms). (기본값: 200)
+     */
+    autoHideDuration?: number;
+    /**
+     * 스크롤 바의 고정 크기를 px 단위로 설정합니다.
+     */
+    thumbSize?: number;
+    /**
+     * 최소 스크롤 바 크기를 px 단위로 설정합니다. (기본값: 30)
+     */
+    thumbMinSize?: number;
+    /**
+     * 범용 렌더링 활성화 (기본값: false)
+     */
+    universal?: boolean;
+    /**
+     * 자동 높이 모드 활성화. (기본값: true)
+     */
+    autoHeight?: boolean;
+    /**
+     * 자동 높이 모드의 최소 높이 설정 (기본값: 0)
+     */
+    autoHeightMin?: number | string;
+    /**
+     * 자동 높이 모드의 최대 높이 설정 (기본값: 200)
+     */
+    autoHeightMax?: number | string;
+    style?: React$1.CSSProperties;
+}
+
+declare const ScrollArea: ({ children, ...rest }: ScrollAreaProps) => react_jsx_runtime.JSX.Element;
+
 declare const dropdownOptionVar: {
     readonly CLICK: "CLICK";
     readonly OUTSIDE_CLICK: "OUTSIDE_CLICK";
@@ -1038,4 +1126,4 @@ interface MinusBoxOptionProps {
 
 declare const MinusButton: React__default.ForwardRefExoticComponent<MinusBoxProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-export { BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVar, ButtonStyleVar, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, Dropdown, DropdownButtonIcon, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVar, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, MotionStack, MotionStackComponentType, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledDropdown, StyledDropdownButton, StyledDropdownContent, StyledIcon, StyledInputButton, StyledPopper, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, getDropdownFontSizeBySizeVar, getDropdownHeightBySizeVar, getDropdownIconSizeBySizeVar, getDropdownStyleBySizeVar, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };
+export { BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVar, ButtonStyleVar, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, Dropdown, DropdownButtonIcon, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVar, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, MotionStack, MotionStackComponentType, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledDropdown, StyledDropdownButton, StyledDropdownContent, StyledIcon, StyledInputButton, StyledPopper, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, getDropdownFontSizeBySizeVar, getDropdownHeightBySizeVar, getDropdownIconSizeBySizeVar, getDropdownStyleBySizeVar, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };

package/dist/index.js

@@ -619,14 +619,21 @@ var BodyContainer = styled5.div`
   flex: 1;
   ${({ isIncludeHeader }) => getModalBodyTopBottomPadding(isIncludeHeader)}
 `;
+var ModalBodyContainerInner = styled5.div`
+  display: grid;
+  align-self: stretch;
+  flex-direction: column;
+  flex-grow: 1;
+  //스크롤 생성시 하단 padding 적용하기 위한 설정
+  height: calc(100%);
+  box-sizing: border-box;
+`;
 var ModalBodyContent = styled5.div`
   display: flex;
   flex-direction: column;
-  width: 100%;
-  max-width: ${({ sizeVar }) => getModalWidthFromSize(sizeVar)}px;
+  height: 100%;
   box-sizing: border-box;
   padding: 0 24px;
-  overflow: hidden;
   background: ${colorTokens.neutral0};
 `;
 var FooterContainer = styled5.div`
@@ -692,6 +699,11 @@ var ModalFooter = ({ children }) => {
 };
 ModalFooter[MODAL_FOOTER_KEY] = true;
 var ModalFooter_default = ModalFooter;
+var ScrollArea = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx(Scrollbars, __spreadProps(__spreadValues({ autoHide: true, autoHideTimeout: 1e3, autoHideDuration: 200 }, rest), { "data-shoplflow": "ScrollArea", children }));
+};
+var ScrollArea_default = ScrollArea;
 var ModalBody = ({
   children,
   isIncludeHeader = false,
@@ -726,20 +738,18 @@ var ModalBody = ({
   const heightUnderMaxHeight = windowHeight - topBottomMargin - headerFooterHeight;
   const heightOverMaxHeight = 1200 - topBottomMargin - headerFooterHeight;
   return /* @__PURE__ */ jsx(BodyContainer, { isIncludeHeader, height: setAutoHeightMin(), children: /* @__PURE__ */ jsx(
-    Scrollbars,
+    ScrollArea_default,
     {
       id: `scrollbar`,
+      universal: true,
       autoHeight: !modalContainerHeight,
       autoHeightMin: setAutoHeightMin(),
       autoHeightMax: windowHeight > 1200 ? heightOverMaxHeight : heightUnderMaxHeight,
-      autoHide: true,
-      autoHideTimeout: 1e3,
-      autoHideDuration: 200,
       style: {
         height: "100%",
         overflow: "hidden"
       },
-      children: /* @__PURE__ */ jsx(ModalBodyContent, { isIncludeHeader, sizeVar, children })
+      children: /* @__PURE__ */ jsx(ModalBodyContainerInner, { children: /* @__PURE__ */ jsx(ModalBodyContent, { isIncludeHeader, sizeVar, children }) })
     }
   ) });
 };
@@ -2266,6 +2276,6 @@ var MinusButton = forwardRef((_a, ref) => {
 });
 var MinusButton_default = MinusButton;
 
-export { Button_default as Button, Callout_default as Callout, CalloutTypes, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, Dropdown_default as Dropdown, DropdownButtonIcon, Icon_default as Icon, IconButton_default as IconButton, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MinusButton_default as MinusButton, Modal, ModalPortal_default as ModalProvider, ModalSize, MotionStack, Popper_default as Popper, PopperPortal2 as PopperPortal, PopperTrigger, ShoplflowProvider_default as ShoplflowProvider, Stack_default as Stack, StyledDropdown, StyledDropdownButton, StyledDropdownContent, StyledIcon, StyledInputButton, StyledPopper, StyledStack, Switch_default as Switch, Text_default as Text, TextArea_default as TextArea, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, getDropdownFontSizeBySizeVar, getDropdownHeightBySizeVar, getDropdownIconSizeBySizeVar, getDropdownStyleBySizeVar, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };
+export { Button_default as Button, Callout_default as Callout, CalloutTypes, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, Dropdown_default as Dropdown, DropdownButtonIcon, Icon_default as Icon, IconButton_default as IconButton, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MinusButton_default as MinusButton, Modal, ModalPortal_default as ModalProvider, ModalSize, MotionStack, Popper_default as Popper, PopperPortal2 as PopperPortal, PopperTrigger, ScrollArea_default as ScrollArea, ShoplflowProvider_default as ShoplflowProvider, Stack_default as Stack, StyledDropdown, StyledDropdownButton, StyledDropdownContent, StyledIcon, StyledInputButton, StyledPopper, StyledStack, Switch_default as Switch, Text_default as Text, TextArea_default as TextArea, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, getDropdownFontSizeBySizeVar, getDropdownHeightBySizeVar, getDropdownIconSizeBySizeVar, getDropdownStyleBySizeVar, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map