@teamturing/react-kit 1.2.7 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,50 +1,41 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react" />
3
- declare const GradientText: import("styled-components").IStyledComponent<"web", {
3
+ import type { TextProps } from '../Text';
4
+ type Props = {} & TextProps;
5
+ declare const GradientText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<{
6
+ ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
4
7
  key?: import("react").Key | null | undefined;
5
- id?: string | undefined;
6
- backgroundColor?: import("styled-system").ResponsiveValue<"link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
7
- color?: import("styled-system").ResponsiveValue<"link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
8
- content?: string | undefined;
9
- fontSize?: import("styled-system").ResponsiveValue<"s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
10
- fontWeight?: import("styled-system").ResponsiveValue<"bold" | "medium" | "regular", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
11
- lineHeight?: import("styled-system").ResponsiveValue<2 | 1, import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
12
- opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
13
- textAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.TextAlign, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
14
- textDecoration?: import("styled-system").ResponsiveValue<import("csstype").Property.TextDecoration<0 | (string & {})>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
15
- translate?: "yes" | "no" | undefined;
16
- whiteSpace?: import("styled-system").ResponsiveValue<import("csstype").Property.WhiteSpace, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
17
- wordBreak?: import("styled-system").ResponsiveValue<import("csstype").Property.WordBreak, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
18
- hidden?: boolean | undefined;
19
- slot?: string | undefined;
20
- style?: import("react").CSSProperties | undefined;
21
- title?: string | undefined;
22
- dir?: string | undefined;
23
- rel?: string | undefined;
24
- accessKey?: string | undefined;
25
- draggable?: (boolean | "false" | "true") | undefined;
26
- lang?: string | undefined;
27
- className?: string | undefined;
28
- prefix?: string | undefined;
29
- role?: import("react").AriaRole | undefined;
30
- children?: import("react").ReactNode;
31
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
32
- inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
33
- nonce?: string | undefined;
34
- tabIndex?: number | undefined;
35
8
  defaultChecked?: boolean | undefined;
36
9
  defaultValue?: string | number | readonly string[] | undefined;
37
10
  suppressContentEditableWarning?: boolean | undefined;
38
11
  suppressHydrationWarning?: boolean | undefined;
12
+ accessKey?: string | undefined;
39
13
  autoFocus?: boolean | undefined;
14
+ className?: string | undefined;
15
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
40
16
  contextMenu?: string | undefined;
17
+ dir?: string | undefined;
18
+ draggable?: (boolean | "false" | "true") | undefined;
19
+ hidden?: boolean | undefined;
20
+ id?: string | undefined;
21
+ lang?: string | undefined;
22
+ nonce?: string | undefined;
41
23
  placeholder?: string | undefined;
24
+ slot?: string | undefined;
42
25
  spellCheck?: (boolean | "false" | "true") | undefined;
26
+ style?: import("react").CSSProperties | undefined;
27
+ tabIndex?: number | undefined;
28
+ title?: string | undefined;
29
+ translate?: "yes" | "no" | undefined;
43
30
  radioGroup?: string | undefined;
31
+ role?: import("react").AriaRole | undefined;
44
32
  about?: string | undefined;
33
+ content?: string | undefined;
45
34
  datatype?: string | undefined;
46
35
  inlist?: any;
36
+ prefix?: string | undefined;
47
37
  property?: string | undefined;
38
+ rel?: string | undefined;
48
39
  resource?: string | undefined;
49
40
  rev?: string | undefined;
50
41
  typeof?: string | undefined;
@@ -60,6 +51,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
60
51
  results?: number | undefined;
61
52
  security?: string | undefined;
62
53
  unselectable?: "off" | "on" | undefined;
54
+ inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
63
55
  is?: string | undefined;
64
56
  'aria-activedescendant'?: string | undefined;
65
57
  'aria-atomic'?: (boolean | "false" | "true") | undefined;
@@ -114,6 +106,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
114
106
  'aria-valuemin'?: number | undefined;
115
107
  'aria-valuenow'?: number | undefined;
116
108
  'aria-valuetext'?: string | undefined;
109
+ children?: import("react").ReactNode;
117
110
  dangerouslySetInnerHTML?: {
118
111
  __html: string | TrustedHTML;
119
112
  } | undefined;
@@ -279,9 +272,10 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
279
272
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
280
273
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
281
274
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
282
- bg?: import("styled-system").ResponsiveValue<"link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
283
- sx?: import("../../utils/styled-system").BetterSystemStyleObject | undefined;
275
+ } & {
284
276
  typography?: import("styled-system").ResponsiveValue<"s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
277
+ } & import("../../utils/styled-system").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "bold" | "medium" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 2 | 1> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral">, "ref"> & {
285
278
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
286
- }>;
279
+ }, Props>>;
287
280
  export default GradientText;
281
+ export type { Props as GradientTextProps };
@@ -8,3 +8,4 @@ type Props = {
8
8
  } & Pick<ViewProps, 'size' | 'color' | 'sx'>;
9
9
  declare const StyledIcon: ({ icon: Icon, sx, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
10
10
  export default StyledIcon;
11
+ export type { Props as StyledIconProps };
@@ -0,0 +1,29 @@
1
+ export interface DeviceState {
2
+ isDesktop?: boolean;
3
+ desktopOS?: DesktopOS | undefined;
4
+ isWindowsDesktop?: boolean;
5
+ isLinuxOrUnixDesktop?: boolean;
6
+ isMobile?: boolean;
7
+ mobileOS?: MobileOS | undefined;
8
+ isAndroidDevice?: boolean;
9
+ isAppleDevice?: boolean;
10
+ isUnknownMobileDevice?: boolean;
11
+ isTablet?: boolean;
12
+ isLandscapeOrientation?: () => boolean;
13
+ isPortraitOrientation?: () => boolean;
14
+ }
15
+ declare enum MobileOS {
16
+ Android = "android",
17
+ iOS = "ios",
18
+ Unknown = "unknown",
19
+ WindowsPhone = "Windows Phone"
20
+ }
21
+ declare enum DesktopOS {
22
+ Linux = "linux",
23
+ MacOS = "mac_os",
24
+ Unix = "unix",
25
+ Unknown = "unknown",
26
+ Windows = "windows"
27
+ }
28
+ declare const useDevice: () => DeviceState;
29
+ export default useDevice;
@@ -0,0 +1,9 @@
1
+ import { RefObject } from 'react';
2
+ /**
3
+ * 특정 컴포넌트을 제외한 바깥쪽을 클릭했을 때를 핸들링하기 위한 훅입니다.
4
+ */
5
+ declare const useOutsideClick: ({ containerRef, onOutsideClick, }: {
6
+ containerRef: RefObject<HTMLDivElement>;
7
+ onOutsideClick: (e: MouseEvent | TouchEvent) => void;
8
+ }) => void;
9
+ export default useOutsideClick;
@@ -0,0 +1,6 @@
1
+ import { RefObject } from 'react';
2
+ /**
3
+ * 제공된 `ref`가 없는 경우 새로운 `ref`를 만들어 사용하고, 있는 경우 제공된 ref를 사용할 수 있는 훅입니다.
4
+ */
5
+ declare const useProvidedOrCreatedRef: <T>(providedRef?: RefObject<T> | undefined) => RefObject<T>;
6
+ export default useProvidedOrCreatedRef;
@@ -0,0 +1,3 @@
1
+ type ResizeCallback = () => void;
2
+ declare const useResize: (resizeCallback: ResizeCallback) => void;
3
+ export default useResize;
@@ -0,0 +1,11 @@
1
+ type Options = {
2
+ initialState?: boolean;
3
+ };
4
+ declare const useToggleHandler: ({ initialState }: Options) => {
5
+ state: boolean;
6
+ on: () => void;
7
+ off: () => void;
8
+ toggle: () => void;
9
+ };
10
+ export default useToggleHandler;
11
+ export type { Options as UseToggleHandlerOptions };
package/dist/index.d.ts CHANGED
@@ -1,13 +1,33 @@
1
1
  export { default as Button } from './core/Button';
2
+ export type { ButtonProps } from './core/Button';
2
3
  export { default as Chip } from './core/Chip';
4
+ export type { ChipProps } from './core/Chip';
3
5
  export { default as GradientText } from './core/GradientText';
6
+ export type { GradientTextProps } from './core/GradientText';
4
7
  export { default as Grid } from './core/Grid';
8
+ export type { GridProps } from './core/Grid';
5
9
  export { default as IconButton } from './core/IconButton';
10
+ export type { IconButtonProps } from './core/IconButton';
6
11
  export { default as IconToggleButton } from './core/IconToggleButton';
12
+ export type { IconToggleButtonProps } from './core/IconToggleButton';
7
13
  export { default as ItemList } from './core/ItemList';
14
+ export type { ItemListProps } from './core/ItemList';
8
15
  export { default as Space } from './core/Space';
16
+ export type { SpaceProps } from './core/Space';
9
17
  export { default as Spinner } from './core/Spinner';
18
+ export type { SpinnerProps } from './core/Spinner';
10
19
  export { default as Stack } from './core/Stack';
20
+ export type { StackProps } from './core/Stack';
11
21
  export { default as StyledIcon } from './core/StyledIcon';
22
+ export type { StyledIconProps } from './core/StyledIcon';
12
23
  export { default as Text } from './core/Text';
24
+ export type { TextProps } from './core/Text';
13
25
  export { default as View } from './core/View';
26
+ export type { ViewProps } from './core/View';
27
+ export { default as UnstyledButton } from './core/_UnstyledButton';
28
+ export type { UnstyledButtonProps } from './core/_UnstyledButton';
29
+ export { default as useDevice } from './hook/useDevice';
30
+ export { default as useOutsideClick } from './hook/useOutsideClick';
31
+ export { default as useProvidedOrCreatedRef } from './hook/useProvidedOrCreatedRef';
32
+ export { default as useResize } from './hook/useResize';
33
+ export { default as useToggleHandler } from './hook/useToggleHandler';