@veracity/vui 2.29.3 → 2.29.5

package/src/chat/chatInput.tsx

@@ -1,4 +1,5 @@
-import { KeyboardEvent, useEffect, useState } from 'react'
+import type { KeyboardEvent } from 'react'
+import { useEffect, useState } from 'react'
 
 import Box from '../box'
 import Button from '../button'
@@ -7,7 +8,8 @@ import Icon from '../icon'
 import { inputColors } from '../input/consts'
 import HelpText from '../input/helpText'
 import { cs } from '../utils'
-import { ChatInputProps, ChatInputStatus } from './chat.types'
+import type { ChatInputProps } from './chat.types'
+import { ChatInputStatus } from './chat.types'
 import ChatInputButton from './chatInputButton'
 
 const CustomTextarea = styled.textareaBox`

package/src/chat/chatInputButton.tsx

@@ -1,6 +1,7 @@
 import { Button } from '../button'
 import { useStyleConfig, vui } from '../core'
-import { ChatInputButtonProps, ChatInputStatus } from './chat.types'
+import type { ChatInputButtonProps } from './chat.types'
+import { ChatInputStatus } from './chat.types'
 
 /**
  *  Displays a chat input button.

package/src/chat/chatMessage.tsx

@@ -1,6 +1,7 @@
-import { AvatarProps } from '../avatar'
+import type { AvatarProps } from '../avatar'
 import { useStyleConfig, vui } from '../core'
-import Message, { MessageProps } from '../message'
+import type { MessageProps } from '../message'
+import Message from '../message'
 import { cs } from '../utils'
 
 const defaultAvatar: AvatarProps = {

package/src/checkbox/checkbox.tsx

@@ -3,8 +3,9 @@ import { useEffect, useState } from 'react'
 import { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'
 import Icon from '../icon'
 import T from '../t'
-import { ChangeEvent, cs, filterUndefined } from '../utils'
-import { CheckboxProps, CheckboxStyleProps } from './checkbox.types'
+import type { ChangeEvent } from '../utils'
+import { cs, filterUndefined } from '../utils'
+import type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'
 import { checkboxColors, disabled } from './consts'
 import { useCheckboxGroupContext } from './context'
 

package/src/checkbox/checkbox.types.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react'
+import type { HTMLAttributes } from 'react'
 
-import { IconProp } from '../icon'
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
-import { ChangeEventHandler, FocusEventHandler } from '../utils'
+import type { IconProp } from '../icon'
+import type { SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
+import type { ChangeEventHandler, FocusEventHandler } from '../utils'
 
 export type CheckboxProps = SystemProps &
   ThemingProps<'Checkbox'> & {

package/src/checkbox/checkboxGroup.tsx

@@ -2,7 +2,7 @@ import { useMemo } from 'react'
 
 import { styled, vui } from '../core'
 import { cs, filterUndefined } from '../utils'
-import { CheckboxGroupProps } from './checkboxGroup.types'
+import type { CheckboxGroupProps } from './checkboxGroup.types'
 import { CheckboxGroupProvider } from './context'
 
 export const CheckboxGroupBase = styled.divBox`

package/src/checkbox/checkboxGroup.types.ts

@@ -1,6 +1,6 @@
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
-import { ChangeEventHandler, FocusEventHandler } from '../utils'
+import type { SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
+import type { ChangeEventHandler, FocusEventHandler } from '../utils'
 
 export type CheckboxGroupProps = SystemProps &
   ThemingProps<'Checkbox'> & {

package/src/checkbox/context.ts

@@ -1,4 +1,5 @@
-import { createContext, Dict } from '../utils'
+import type { Dict } from '../utils'
+import { createContext } from '../utils'
 
 const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<Dict>({ isOptional: true })
 

package/src/checkbox/index.ts

@@ -1,6 +1,6 @@
 export * from './checkbox'
 export { default } from './checkbox'
-export * from './checkbox.types'
+export type * from './checkbox.types'
 export * from './checkboxGroup'
-export * from './checkboxGroup.types'
+export type * from './checkboxGroup.types'
 export * from './context'

package/src/copyToClipboard/copyToClipboard.tsx

@@ -1,8 +1,8 @@
 import Button from '../button'
 import { vui } from '../core'
-import { IconProp } from '../icon'
+import type { IconProp } from '../icon'
 import { cs } from '../utils'
-import { CopyToClipboardProps } from './copyToClipboard.types'
+import type { CopyToClipboardProps } from './copyToClipboard.types'
 import { useCopyToClipboard } from './useCopyToClipboard'
 
 const defaultIcon: IconProp = 'falCopy'

package/src/copyToClipboard/copyToClipboard.types.ts

@@ -1,6 +1,6 @@
-import { IconProp } from '../icon'
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
+import type { IconProp } from '../icon'
+import type { SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
 
 export type CopyToClipboardProps = SystemProps &
   ThemingProps<'Button'> & {

package/src/copyToClipboard/index.ts

@@ -1,4 +1,4 @@
 export * from './copyToClipboard'
 export { default } from './copyToClipboard'
-export * from './copyToClipboard.types'
+export type * from './copyToClipboard.types'
 export * from './useCopyToClipboard'

package/src/core/links.tsx

@@ -1,6 +1,8 @@
-import { createContext, Dispatch, SetStateAction, useContext, useEffect, useState } from 'react'
+import type { Dispatch, SetStateAction } from 'react'
+import { createContext, useContext, useEffect, useState } from 'react'
 
-import { Dict, Environment, isObject, noop, useCallbackRef } from '../utils'
+import type { Dict, Environment } from '../utils'
+import { isObject, noop, useCallbackRef } from '../utils'
 import { cdnUrls } from './consts'
 
 export type LinksDict = Dict<string>

package/src/core/media.tsx

@@ -1,11 +1,11 @@
 import { useViewportWidth } from '@xstyled/styled-components'
-import { FC } from 'react'
-import { StyledProps } from 'styled-components'
+import type { FC } from 'react'
+import type { StyledProps } from 'styled-components'
 
-import { Screen } from '../theme'
-import { AnyNumber, AnyString } from '../utils'
+import type { Screen } from '../theme'
+import type { AnyNumber, AnyString } from '../utils'
 import { th, useTheme } from './theme'
-import { ChildrenProp } from './types'
+import type { ChildrenProp } from './types'
 
 type ScreenWidth = Screen | AnyNumber | AnyString
 

package/src/core/styled.ts

@@ -1,11 +1,9 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import { transform } from '@xstyled/core'
-import { createX, StyleGenerator } from '@xstyled/styled-components'
-import { BoxElements } from '@xstyled/styled-components/dist/BoxElements'
+import type { StyleGenerator } from '@xstyled/styled-components'
+import { createX } from '@xstyled/styled-components'
+import type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'
 import { flattenStrings } from '@xstyled/util'
-import scStyled, {
-  createGlobalStyle as scCreateGlobalStyle,
-  css as scCss,
+import type {
   DefaultTheme,
   FlattenSimpleInterpolation,
   StyledConfig,
@@ -13,8 +11,10 @@ import scStyled, {
   ThemedStyledFunction,
   ThemedStyledInterface,
 } from 'styled-components'
+import scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'
 
-import { system, SystemProps } from '../system'
+import type { SystemProps } from '../system'
+import { system } from '../system'
 
 /** Custom 'css' function with theme support. */
 export type CSSFunction = ThemedCssFunction<DefaultTheme>
@@ -42,7 +42,7 @@ function createCreateGlobalStyle(): CreateGlobalStyle {
   const css = createCssFunction()
   return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>
     scCreateGlobalStyle([
-      // @ts-ignore
+      // @ts-expect-error no idea why it's complaining
       css(...args),
     ])) as CreateGlobalStyle
 }
@@ -66,9 +66,9 @@ function createStyled(generator: StyleGenerator): VStyled {
   const vstyled = createBaseStyled(css, generator)
 
   Object.keys(scStyled).forEach(key => {
-    // @ts-ignore
+    // @ts-expect-error no idea why it's complaining
     styled[key] = styled(key)
-    // @ts-ignore
+    // @ts-expect-error no idea why it's complaining
     styled[`${key}Box`] = vstyled(key)
   })
 

package/src/core/theme.ts

@@ -1,9 +1,12 @@
-import { getPx, IProps, th as xth, ThemeGetter, themeGetter } from '@xstyled/styled-components'
+import type { IProps, ThemeGetter } from '@xstyled/styled-components'
+import { getPx, th as xth, themeGetter } from '@xstyled/styled-components'
 import { useMemo } from 'react'
 import { useTheme as useStyledTheme } from 'styled-components'
 
-import defaultTheme, { ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme'
-import { AnyNumber, AnyString, Dict, merge, runIfFn } from '../utils'
+import type { ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme'
+import defaultTheme from '../theme'
+import type { AnyNumber, AnyString, Dict } from '../utils'
+import { merge, runIfFn } from '../utils'
 
 type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>
 
@@ -35,7 +38,7 @@ export function extendTheme(extensions: VuiThemeExtensions): VuiTheme {
 
 /** Removes specific theming keys from the given props. */
 export function omitThemingProps<T extends ThemingProps>(props: T) {
-  const { size, variant, ...rest } = props // eslint-disable-line @typescript-eslint/no-unused-vars
+  const { size, variant, ...rest } = props
 
   return rest
 }
@@ -90,7 +93,6 @@ export function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {
 
 /** Returns the theme object with extensions. */
 export function useTheme(): VuiTheme {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
+  // @ts-expect-error no idea why it's complaining
   return useStyledTheme()
 }

package/src/core/types.ts

@@ -1,6 +1,6 @@
-import { Dispatch, ReactNode } from 'react'
+import type { Dispatch, ReactNode } from 'react'
 
-import { ToastListItem } from '../toast/toast.types'
+import type { ToastListItem } from '../toast/toast.types'
 
 export interface ChildrenProp {
   children?: ReactNode

package/src/core/vui.ts

@@ -1,6 +1,7 @@
-import { ElementType, forwardRef, memo, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'
+import type { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'
+import { forwardRef, memo } from 'react'
 
-import { PropsOf, RefPropsOf } from '../utils'
+import type { PropsOf, RefPropsOf } from '../utils'
 
 /**
  * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.

package/src/core/vuiProvider/context.ts

@@ -1,5 +1,5 @@
 import { createContext } from '../../utils'
-import { VuiContext } from '../types'
+import type { VuiContext } from '../types'
 
 const [VuiContextProvider, useVuiContext] = createContext<VuiContext>({ isOptional: true })
 

package/src/core/vuiProvider/reducers.ts

@@ -1,4 +1,4 @@
-import { ToastListItem } from '../../toast/toast.types'
+import type { ToastListItem } from '../../toast/toast.types'
 
 export const toastsReducer = (
   state: { list: ToastListItem[] },

package/src/core/vuiProvider/vuiProvider.tsx

@@ -1,12 +1,14 @@
-import { FC, useReducer } from 'react'
+import type { FC } from 'react'
+import { useReducer } from 'react'
 import { ThemeProvider } from 'styled-components'
 
 import PopoverStyle from '../../popover/globalStyle'
 import { Portal } from '../../portal'
-import defaultTheme, { VuiTheme } from '../../theme'
+import type { VuiTheme } from '../../theme'
+import defaultTheme from '../../theme'
 import { Toaster } from '../../toast'
-import { ToastListItem } from '../../toast/toast.types'
-import { ChildrenProp } from '../types'
+import type { ToastListItem } from '../../toast/toast.types'
+import type { ChildrenProp } from '../types'
 import { VuiContextProvider } from './context'
 import GlobalStyle from './globalStyle'
 import NotifyOffline from './notifyOffline'

package/src/datePicker/dateInput.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react'
 
-import { Input, InputProps } from '../input'
+import type { InputProps } from '../input'
+import { Input } from '../input'
 import { T } from '../t'
 import { formatDate, parseIsoDate, validateDateFormat } from '../utils'
 

package/src/datePicker/datePicker.tsx

@@ -2,12 +2,13 @@ import { useEffect, useRef, useState } from 'react'
 
 import Box from '../box'
 import Button, { LineButton } from '../button'
-import Calendar, { DateRange, maxDateTimestamp, minDateTimestamp } from '../calendar'
+import type { DateRange } from '../calendar'
+import Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'
 import { omitThemingProps, useStyleConfig, vui } from '../core'
 import Popover from '../popover'
 import { cs } from '../utils'
 import { DateInput } from './dateInput'
-import { DatePickerProps } from './datePicker.types'
+import type { DatePickerProps } from './datePicker.types'
 
 /** Select or input a date. */
 export const DatePicker = vui<'span', DatePickerProps>((props, ref) => {

package/src/datePicker/datePicker.types.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react'
-import { Placement } from 'tippy.js'
+import type { ReactNode } from 'react'
+import type { Placement } from 'tippy.js'
 
-import { BoxProps } from '../box'
-import { DateRange } from '../calendar'
-import { ThemingProps } from '../theme'
+import type { BoxProps } from '../box'
+import type { DateRange } from '../calendar'
+import type { ThemingProps } from '../theme'
 
 export type DatePickerPopupPosition = 'left' | 'right'
 

package/src/datePicker/index.ts

@@ -1,3 +1,3 @@
 export * from './datePicker'
 export { default } from './datePicker'
-export * from './datePicker.types'
+export type * from './datePicker.types'

package/src/definition/definition.tsx

@@ -1,6 +1,6 @@
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core'
 import { cs } from '../utils'
-import { DefinitionProps } from './definition.types'
+import type { DefinitionProps } from './definition.types'
 import { DefinitionContent } from './definitionContent'
 
 /**

package/src/definition/definition.types.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 
-import { IconProp } from '../icon'
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
+import type { IconProp } from '../icon'
+import type { SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
 
 export type DefinitionItem = SystemProps & {
   key: string

package/src/definition/definitionContent.tsx

@@ -3,7 +3,7 @@ import { styled, useStyleConfig, vui } from '../core'
 import Icon from '../icon'
 import P from '../p'
 import { cs, isArray } from '../utils'
-import { DefinitionItem, DefinitionProps } from './definition.types'
+import type { DefinitionItem, DefinitionProps } from './definition.types'
 
 export const DefinitionItemKey = styled.dtBox``
 export const DefinitionItemValue = styled.ddBox``

package/src/dialog/consts.ts

@@ -1,4 +1,4 @@
-import { DialogStatusMapping } from './dialog.types'
+import type { DialogStatusMapping } from './dialog.types'
 
 /** Defines icon visuals for each Dialog status. */
 export const dialogStatusMapping: DialogStatusMapping = {

package/src/dialog/context.ts

@@ -1,5 +1,5 @@
 import { createContext } from '../utils'
-import { DialogContext } from './dialog.types'
+import type { DialogContext } from './dialog.types'
 
 const [DialogProvider, useDialogContext] = createContext<DialogContext>({ isOptional: true })
 

package/src/dialog/dialog.tsx

@@ -1,11 +1,12 @@
 import { useRef } from 'react'
 
-import { styled, useStyleConfig, vui, VuiComponent } from '../core'
+import type { VuiComponent } from '../core'
+import { styled, useStyleConfig, vui } from '../core'
 import { Modal } from '../modal'
 import { cs, isJsx, isReactText, random, useIds } from '../utils'
 import { modalAnimation, modalJustifyContent } from './consts'
 import { DialogProvider } from './context'
-import { DialogProps } from './dialog.types'
+import type { DialogProps } from './dialog.types'
 import DialogBody from './dialogBody'
 import DialogCancelButton from './dialogCancelButton'
 import DialogCloseButton from './dialogCloseButton'

package/src/dialog/dialog.types.ts

@@ -1,11 +1,11 @@
-import { BoxProps } from '../box'
-import { ButtonProps, IconButtonProps } from '../button'
-import { HeadingProps } from '../heading'
-import { IconProp, IconProps } from '../icon'
-import { ModalProps } from '../modal'
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
-import { PropsOf } from '../utils'
+import type { BoxProps } from '../box'
+import type { ButtonProps, IconButtonProps } from '../button'
+import type { HeadingProps } from '../heading'
+import type { IconProp, IconProps } from '../icon'
+import type { ModalProps } from '../modal'
+import type { SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
+import type { PropsOf } from '../utils'
 
 export type DialogBodyProps = PropsOf<'div', BoxProps>
 

package/src/dialog/dialogBody.tsx

@@ -4,7 +4,7 @@ import { Box } from '../box'
 import { useStyleConfig, vui } from '../core'
 import { cs, mergeRefs } from '../utils'
 import { useDialogContext } from './context'
-import { DialogBodyProps } from './dialog.types'
+import type { DialogBodyProps } from './dialog.types'
 
 /**
  * Shows the main content between the Dialog Header and Footer.

package/src/dialog/dialogCancelButton.tsx

@@ -2,7 +2,7 @@ import { LineButton } from '../button'
 import { useStyleConfig, vui } from '../core'
 import { cs } from '../utils'
 import { useDialogContext } from './context'
-import { DialogCancelButtonProps } from './dialog.types'
+import type { DialogCancelButtonProps } from './dialog.types'
 
 /** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */
 export const DialogCancelButton = vui<'button', DialogCancelButtonProps>((props, ref) => {

package/src/dialog/dialogCloseButton.tsx

@@ -2,7 +2,7 @@ import { CloseButton } from '../button'
 import { useStyleConfig, vui } from '../core'
 import { cs } from '../utils'
 import { useDialogContext } from './context'
-import { DialogCloseButtonProps } from './dialog.types'
+import type { DialogCloseButtonProps } from './dialog.types'
 
 /** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */
 export const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {

package/src/dialog/dialogFooter.tsx

@@ -2,7 +2,7 @@ import { Box } from '../box'
 import { useStyleConfig, vui } from '../core'
 import { cs, isJsx } from '../utils'
 import { useDialogContext } from './context'
-import { DialogFooterProps } from './dialog.types'
+import type { DialogFooterProps } from './dialog.types'
 import DialogCancelButton from './dialogCancelButton'
 import DialogSubmitButton from './dialogSubmitButton'
 

package/src/dialog/dialogHeader.tsx

@@ -2,7 +2,7 @@ import { Box } from '../box'
 import { useStyleConfig, vui } from '../core'
 import { cs, isJsx, isReactText, isString } from '../utils'
 import { useDialogContext } from './context'
-import { DialogHeaderProps } from './dialog.types'
+import type { DialogHeaderProps } from './dialog.types'
 import DialogCloseButton from './dialogCloseButton'
 import DialogIcon from './dialogIcon'
 import DialogTitle from './dialogTitle'

package/src/dialog/dialogIcon.tsx

@@ -3,7 +3,7 @@ import { Icon } from '../icon'
 import { cs } from '../utils'
 import { dialogStatusMapping } from './consts'
 import { useDialogContext } from './context'
-import { DialogIconProps } from './dialog.types'
+import type { DialogIconProps } from './dialog.types'
 
 /** Shows an icon based on a given status. Optionally, can be a custom icon. */
 export const DialogIcon = vui<'svg', DialogIconProps>((props, ref) => {

package/src/dialog/dialogSubmitButton.tsx

@@ -2,7 +2,7 @@ import { Button } from '../button'
 import { useStyleConfig, vui } from '../core'
 import { cs } from '../utils'
 import { useDialogContext } from './context'
-import { DialogSubmitButtonProps } from './dialog.types'
+import type { DialogSubmitButtonProps } from './dialog.types'
 
 /** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */
 export const DialogSubmitButton = vui<'button', DialogSubmitButtonProps>((props, ref) => {

package/src/dialog/dialogTitle.tsx

@@ -2,7 +2,7 @@ import { useStyleConfig, vui } from '../core'
 import { H4 } from '../heading'
 import { cs } from '../utils'
 import { useDialogContext } from './context'
-import { DialogTitleProps } from './dialog.types'
+import type { DialogTitleProps } from './dialog.types'
 
 /** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */
 export const DialogTitle = vui<'h4', DialogTitleProps>((props, ref) => {

package/src/dialog/index.ts

@@ -2,7 +2,7 @@ export * from './consts'
 export * from './context'
 export * from './dialog'
 export { default as Dialog } from './dialog'
-export * from './dialog.types'
+export type * from './dialog.types'
 export * from './dialogBody'
 export * from './dialogCancelButton'
 export * from './dialogCloseButton'

package/src/divider/divider.tsx

@@ -1,6 +1,6 @@
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core'
 import { cs, filterUndefined } from '../utils'
-import { DividerProps } from './divider.types'
+import type { DividerProps } from './divider.types'
 
 export const DividerBase = styled.hrBox`
   border-color: sandstone.90;

package/src/divider/divider.types.ts

@@ -1,5 +1,5 @@
-import { BordersProps, SystemProps } from '../system'
-import { ThemingProps } from '../theme'
+import type { BordersProps, SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
 
 export type DividerProps = SystemProps &
   ThemingProps<'Divider'> & {

package/src/divider/index.ts

@@ -1,3 +1,3 @@
 export * from './divider'
 export { default } from './divider'
-export * from './divider.types'
+export type * from './divider.types'

package/src/dragAndDrop/dragAndDrop.tsx

@@ -1,10 +1,12 @@
-import { ChangeEvent, DragEvent, useRef } from 'react'
+import type { ChangeEvent, DragEvent } from 'react'
+import { useRef } from 'react'
 
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core'
-import Icon, { IconProp } from '../icon'
+import type { IconProp } from '../icon'
+import Icon from '../icon'
 import T from '../t'
 import { cs } from '../utils'
-import { DragAndDropProps } from './dragAndDrop.types'
+import type { DragAndDropProps } from './dragAndDrop.types'
 
 const defaultIcon: IconProp = 'falCloudUpload'
 

package/src/dragAndDrop/dragAndDrop.types.ts

@@ -1,6 +1,6 @@
-import { BoxProps } from '../box'
-import { IconProp } from '../icon'
-import { ThemingProps } from '../theme'
+import type { BoxProps } from '../box'
+import type { IconProp } from '../icon'
+import type { ThemingProps } from '../theme'
 
 export type DragAndDropProps = Omit<BoxProps, 'variant'> &
   ThemingProps<'DragAndDrop'> & {

package/src/dragAndDrop/index.ts

@@ -1,3 +1,3 @@
 export * from './dragAndDrop'
 export { default } from './dragAndDrop'
-export * from './dragAndDrop.types'
+export type * from './dragAndDrop.types'

package/src/drawer/drawer.tsx

@@ -2,7 +2,7 @@ import Box from '../box'
 import { omitThemingProps, useStyleConfig, vui } from '../core'
 import { Dialog } from '../dialog'
 import { cs } from '../utils'
-import { DrawerProps } from './drawer.types'
+import type { DrawerProps } from './drawer.types'
 
 /** Drawer component based on Dialog. */
 export const Drawer = vui<'div', DrawerProps>((props, ref) => {

package/src/drawer/drawer.types.ts

@@ -1,6 +1,6 @@
-import { DialogProps } from '../dialog'
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
+import type { DialogProps } from '../dialog'
+import type { SystemProps } from '../system'
+import type { ThemingProps } from '../theme'
 
 export type DrawerProps = SystemProps &
   ThemingProps<'Drawer'> & {

package/src/drawer/index.ts

@@ -1,3 +1,3 @@
 export * from './drawer'
 export { default } from './drawer'
-export * from './drawer.types'
+export type * from './drawer.types'