@shoplflow/base 0.11.4 → 0.12.1

package/dist/{index.d.cts → index.d.mts}

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef, CSSProperties, HTMLAttributes, MouseEvent } from 'react';
-import * as zustand from 'zustand';
 import { CustomDomComponent } from 'framer-motion';
+import { IconSource } from '@shoplflow/shopl-assets';
+import { IconSource as IconSource$1 } from '@shoplflow/hada-assets';
 import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
 import { $Values } from '@shoplflow/utils';
@@ -17,10 +18,8 @@ declare const ShoplflowProvider: ({ children, domain }: ShoplflowProviderProps)
 
 declare const ModalPortal: () => react_jsx_runtime.JSX.Element;
 
-declare type UseDomainProps = {
-    domain?: DomainType;
-};
-declare const useDomain: ({ domain }: UseDomainProps) => void;
+declare type UseDomainType = (domain?: DomainType) => [DomainType | undefined];
+declare const useDomain: UseDomainType;
 declare const getDomain: () => "shopl" | "hada";
 
 declare type ModalStateType = {
@@ -31,12 +30,8 @@ declare type RemoveModalProps = {
     id?: string;
     deps?: number;
 };
-declare type UseModalStore = {
-    modal: ModalStateType[];
-    addModal: (modal: ReactNode, id?: string) => void;
-    removeModal: (props?: RemoveModalProps) => void;
-};
-declare const useModalStore: zustand.UseBoundStore<zustand.StoreApi<UseModalStore>>;
+declare type ModalContext = ModalStateType[];
+declare const ModalContext: React$1.Context<ModalContext>;
 
 declare const useHandleModal: () => {
     addModal: (modal: React$1.ReactNode, id?: string | undefined) => void;
@@ -44,7 +39,7 @@ declare const useHandleModal: () => {
 };
 
 declare const useModalValue: () => {
-    modal: ModalStateType[];
+    modal: ModalContext;
 };
 
 declare const fontWeightTokens: {
@@ -166,17 +161,21 @@ interface DisableProps {
      */
     disabled?: boolean;
 }
+interface ErrorProps {
+    /**
+     * 에러 여부를 설정합니다.
+     */
+    isError?: boolean;
+}
 interface SelectedProps {
     /**
-     * 선택 여부를 설정합니다.
+     * 외부에서 선택 여부를 설정합니다. 내부에서 컨트롤할 수 없습니다.
      */
     isSelected?: boolean;
 }
 interface DefaultSelectedProps {
     /**
-     * 기본 선택 여부를 설정합니다.
-     *
-     * SelectedProps보다 우선적으로 적용됩니다.
+     * 초기 선택 값을 설정합니다.
      */
     defaultSelected?: boolean;
 }
@@ -236,6 +235,12 @@ interface BackgroundColorProps {
      */
     background?: ColorTokens;
 }
+interface IconSourceProps {
+    /**
+     * Icon을 설정합니다.
+     */
+    iconSource?: IconSource | IconSource$1;
+}
 interface LeftNodeProps {
     /**
      * 텍스트를 기준으로 왼쪽에 위치할 ReactNode를 설정합니다.
@@ -353,15 +358,15 @@ interface TextProps extends TextOptionProps, ChildrenProps, RenderConfigProps, O
 
 declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<unknown>>;
 
-declare enum ModalSize {
-    XXS = "XXS",
-    XS = "XS",
-    S = "S",
-    M = "M",
-    L = "L",
-    XL = "XL",
-    XXL = "XXL"
-}
+declare const ModalSize: {
+    readonly XXS: "XXS";
+    readonly XS: "XS";
+    readonly S: "S";
+    readonly M: "M";
+    readonly L: "L";
+    readonly XL: "XL";
+    readonly XXL: "XXL";
+};
 declare type ModalSizeType = $Values<typeof ModalSize>;
 interface ModalContainerProps extends ModalContainerOptionProps, SizeVariantProps<ModalSizeType> {
     children?: React.ReactNode | React.ReactNode[];
@@ -414,10 +419,9 @@ interface BackDropProps extends ChildrenProps, BackDropOptionProps {
 interface BackDropOptionProps {
 }
 
-interface SwitchProps extends SwitchOptionProps, DisableProps, SelectedProps, DefaultSelectedProps, Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {
+interface SwitchProps extends SwitchOptionProps, DisableProps, SelectedProps, DefaultSelectedProps, HTMLAttributes<HTMLInputElement> {
 }
 interface SwitchOptionProps {
-    onChange?: () => void;
     activeColor: ColorTokens;
 }
 
@@ -495,11 +499,7 @@ declare const iconButtonStyleVar: {
     GHOST: string;
 };
 declare type IconButtonStyleVar = $Values<typeof iconButtonStyleVar>;
-declare type IconButtonOptionProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithoutRef<T>, 'color' | 'disabled'> & {
-    styleVar?: IconButtonStyleVar;
-    sizeVar?: IconButtonSizeVar;
-    disabled?: boolean;
-};
+declare type IconButtonOptionProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithoutRef<T>, 'color' | 'disabled'> & DisableProps & SizeVariantProps<IconButtonSizeVar> & StyleVariantProps<IconButtonStyleVar> & IconSourceProps;
 declare type IconButtonProps<T extends ElementType = 'button'> = PolymorphicComponentProps<T, IconButtonOptionProps>;
 declare type IconButtonComponent = <T extends ElementType = 'button'>(props: IconButtonProps<T> & {
     ref?: ComponentPropsWithRef<T>['ref'];
@@ -507,6 +507,60 @@ declare type IconButtonComponent = <T extends ElementType = 'button'>(props: Ico
 
 declare const IconButton: IconButtonComponent;
 
+declare const CalloutTypes: {
+    readonly INFORMATION: "INFORMATION";
+    readonly ALERT: "ALERT";
+};
+declare type CalloutType = $Values<typeof CalloutTypes>;
+interface CalloutProps extends CalloutOptionProps, ChildrenProps, StyleVariantProps<CalloutType> {
+}
+interface CalloutOptionProps {
+}
+
+declare const Callout: {
+    ({ children, styleVar, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
+    Text: ({ children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
+    Icon: ({ iconSource }: IconSourceProps) => react_jsx_runtime.JSX.Element;
+};
+
+declare const IconSizeVariants: {
+    readonly X_SMALL: "X_SMALL";
+    readonly SMALL: "SMALL";
+    readonly MEDIUM: "MEDIUM";
+    readonly LARGE: "LARGE";
+    readonly X_LARGE: "X_LARGE";
+};
+declare type IconSizeVariantsType = $Values<typeof IconSizeVariants>;
+interface IconProps extends IconOptionProps {
+}
+interface IconOptionProps extends SizeVariantProps<IconSizeVariantsType>, IconSourceProps, ColorTokenProps {
+}
+
+declare const Icon: React__default.ForwardRefExoticComponent<IconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const StyledIcon: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React$1.ElementType<any> | undefined;
+} & IconOptionProps, React$1.SVGProps<SVGSVGElement>, {}>;
+
+interface TextAreaOptionProps extends DisableProps, ErrorProps {
+    /**
+     * maxLength를 설정해요.
+     */
+    maxLength?: number;
+    /**
+     * text area의 높이를 조절해요.
+     */
+    height?: number;
+    /**
+     * text area의 최소 높이를 조절해요.
+     */
+    minHeight?: number;
+}
+declare type TextAreaProps = ComponentPropsWithoutRef<'textarea'> & TextAreaOptionProps;
+
+declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & TextAreaOptionProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
 interface MinusBoxProps extends MinusBoxOptionProps, Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'> {
 }
 interface MinusBoxOptionProps {
@@ -522,4 +576,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, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, FontWeightTokens, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, 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, ModalStateType, MotionStack, MotionStackComponentType, RemoveModalProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextOptionProps, TextProps, TypographyTokens, UseModalStore, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalStore, 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, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, 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, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef, CSSProperties, HTMLAttributes, MouseEvent } from 'react';
-import * as zustand from 'zustand';
 import { CustomDomComponent } from 'framer-motion';
+import { IconSource } from '@shoplflow/shopl-assets';
+import { IconSource as IconSource$1 } from '@shoplflow/hada-assets';
 import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
 import { $Values } from '@shoplflow/utils';
@@ -17,10 +18,8 @@ declare const ShoplflowProvider: ({ children, domain }: ShoplflowProviderProps)
 
 declare const ModalPortal: () => react_jsx_runtime.JSX.Element;
 
-declare type UseDomainProps = {
-    domain?: DomainType;
-};
-declare const useDomain: ({ domain }: UseDomainProps) => void;
+declare type UseDomainType = (domain?: DomainType) => [DomainType | undefined];
+declare const useDomain: UseDomainType;
 declare const getDomain: () => "shopl" | "hada";
 
 declare type ModalStateType = {
@@ -31,12 +30,8 @@ declare type RemoveModalProps = {
     id?: string;
     deps?: number;
 };
-declare type UseModalStore = {
-    modal: ModalStateType[];
-    addModal: (modal: ReactNode, id?: string) => void;
-    removeModal: (props?: RemoveModalProps) => void;
-};
-declare const useModalStore: zustand.UseBoundStore<zustand.StoreApi<UseModalStore>>;
+declare type ModalContext = ModalStateType[];
+declare const ModalContext: React$1.Context<ModalContext>;
 
 declare const useHandleModal: () => {
     addModal: (modal: React$1.ReactNode, id?: string | undefined) => void;
@@ -44,7 +39,7 @@ declare const useHandleModal: () => {
 };
 
 declare const useModalValue: () => {
-    modal: ModalStateType[];
+    modal: ModalContext;
 };
 
 declare const fontWeightTokens: {
@@ -166,17 +161,21 @@ interface DisableProps {
      */
     disabled?: boolean;
 }
+interface ErrorProps {
+    /**
+     * 에러 여부를 설정합니다.
+     */
+    isError?: boolean;
+}
 interface SelectedProps {
     /**
-     * 선택 여부를 설정합니다.
+     * 외부에서 선택 여부를 설정합니다. 내부에서 컨트롤할 수 없습니다.
      */
     isSelected?: boolean;
 }
 interface DefaultSelectedProps {
     /**
-     * 기본 선택 여부를 설정합니다.
-     *
-     * SelectedProps보다 우선적으로 적용됩니다.
+     * 초기 선택 값을 설정합니다.
      */
     defaultSelected?: boolean;
 }
@@ -236,6 +235,12 @@ interface BackgroundColorProps {
      */
     background?: ColorTokens;
 }
+interface IconSourceProps {
+    /**
+     * Icon을 설정합니다.
+     */
+    iconSource?: IconSource | IconSource$1;
+}
 interface LeftNodeProps {
     /**
      * 텍스트를 기준으로 왼쪽에 위치할 ReactNode를 설정합니다.
@@ -353,15 +358,15 @@ interface TextProps extends TextOptionProps, ChildrenProps, RenderConfigProps, O
 
 declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<unknown>>;
 
-declare enum ModalSize {
-    XXS = "XXS",
-    XS = "XS",
-    S = "S",
-    M = "M",
-    L = "L",
-    XL = "XL",
-    XXL = "XXL"
-}
+declare const ModalSize: {
+    readonly XXS: "XXS";
+    readonly XS: "XS";
+    readonly S: "S";
+    readonly M: "M";
+    readonly L: "L";
+    readonly XL: "XL";
+    readonly XXL: "XXL";
+};
 declare type ModalSizeType = $Values<typeof ModalSize>;
 interface ModalContainerProps extends ModalContainerOptionProps, SizeVariantProps<ModalSizeType> {
     children?: React.ReactNode | React.ReactNode[];
@@ -414,10 +419,9 @@ interface BackDropProps extends ChildrenProps, BackDropOptionProps {
 interface BackDropOptionProps {
 }
 
-interface SwitchProps extends SwitchOptionProps, DisableProps, SelectedProps, DefaultSelectedProps, Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {
+interface SwitchProps extends SwitchOptionProps, DisableProps, SelectedProps, DefaultSelectedProps, HTMLAttributes<HTMLInputElement> {
 }
 interface SwitchOptionProps {
-    onChange?: () => void;
     activeColor: ColorTokens;
 }
 
@@ -495,11 +499,7 @@ declare const iconButtonStyleVar: {
     GHOST: string;
 };
 declare type IconButtonStyleVar = $Values<typeof iconButtonStyleVar>;
-declare type IconButtonOptionProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithoutRef<T>, 'color' | 'disabled'> & {
-    styleVar?: IconButtonStyleVar;
-    sizeVar?: IconButtonSizeVar;
-    disabled?: boolean;
-};
+declare type IconButtonOptionProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithoutRef<T>, 'color' | 'disabled'> & DisableProps & SizeVariantProps<IconButtonSizeVar> & StyleVariantProps<IconButtonStyleVar> & IconSourceProps;
 declare type IconButtonProps<T extends ElementType = 'button'> = PolymorphicComponentProps<T, IconButtonOptionProps>;
 declare type IconButtonComponent = <T extends ElementType = 'button'>(props: IconButtonProps<T> & {
     ref?: ComponentPropsWithRef<T>['ref'];
@@ -507,6 +507,60 @@ declare type IconButtonComponent = <T extends ElementType = 'button'>(props: Ico
 
 declare const IconButton: IconButtonComponent;
 
+declare const CalloutTypes: {
+    readonly INFORMATION: "INFORMATION";
+    readonly ALERT: "ALERT";
+};
+declare type CalloutType = $Values<typeof CalloutTypes>;
+interface CalloutProps extends CalloutOptionProps, ChildrenProps, StyleVariantProps<CalloutType> {
+}
+interface CalloutOptionProps {
+}
+
+declare const Callout: {
+    ({ children, styleVar, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
+    Text: ({ children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
+    Icon: ({ iconSource }: IconSourceProps) => react_jsx_runtime.JSX.Element;
+};
+
+declare const IconSizeVariants: {
+    readonly X_SMALL: "X_SMALL";
+    readonly SMALL: "SMALL";
+    readonly MEDIUM: "MEDIUM";
+    readonly LARGE: "LARGE";
+    readonly X_LARGE: "X_LARGE";
+};
+declare type IconSizeVariantsType = $Values<typeof IconSizeVariants>;
+interface IconProps extends IconOptionProps {
+}
+interface IconOptionProps extends SizeVariantProps<IconSizeVariantsType>, IconSourceProps, ColorTokenProps {
+}
+
+declare const Icon: React__default.ForwardRefExoticComponent<IconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const StyledIcon: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React$1.ElementType<any> | undefined;
+} & IconOptionProps, React$1.SVGProps<SVGSVGElement>, {}>;
+
+interface TextAreaOptionProps extends DisableProps, ErrorProps {
+    /**
+     * maxLength를 설정해요.
+     */
+    maxLength?: number;
+    /**
+     * text area의 높이를 조절해요.
+     */
+    height?: number;
+    /**
+     * text area의 최소 높이를 조절해요.
+     */
+    minHeight?: number;
+}
+declare type TextAreaProps = ComponentPropsWithoutRef<'textarea'> & TextAreaOptionProps;
+
+declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & TextAreaOptionProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
 interface MinusBoxProps extends MinusBoxOptionProps, Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'> {
 }
 interface MinusBoxOptionProps {
@@ -522,4 +576,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, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, FontWeightTokens, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, 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, ModalStateType, MotionStack, MotionStackComponentType, RemoveModalProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextOptionProps, TextProps, TypographyTokens, UseModalStore, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalStore, 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, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVar, IconButtonStyleVar, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, 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, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, Switch, SwitchOptionProps, SwitchProps, Text, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, buttonSizeVar, buttonStyleVar, colorTokens, fontWeightTokens, getDomain, iconButtonSizeVar, iconButtonStyleVar, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };