@canlooks/can-ui 0.0.4 → 0.0.6

package/dist/esm/components/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { DIVProps } from '../../../index';
+import { DIVProps } from '../../../types';
 type SkeletonSharedProps = {
     /** @default "rounded" */
     variant?: 'circular' | 'rectangular' | 'rounded';

package/dist/esm/components/slidableActions/slidableActions.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { DIVProps } from '../../../index';
+import { DIVProps } from '../../../types';
 import { DraggableOptions } from '../../utils';
 import { SlidableActionsAction, SlidableActionsActionProps } from './slidableActionsAction';
 export declare function useSlidableActionsContext(): {

package/dist/esm/components/slidableActions/slidableActionsAction.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref } from 'react';
-import { ColorPropsValue, DIVProps } from '../../../index';
+import { ColorPropsValue, DIVProps } from '../../../types';
 import { ButtonProps } from '../button';
 export interface SlidableActionsActionProps extends DIVProps {
     color?: ColorPropsValue;

package/dist/esm/components/slider/slider.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { DraggableOptions } from '../../utils';
-import { ColorPropsValue, DIVProps } from '../../../index';
+import { ColorPropsValue, DIVProps } from '../../../types';
 import { TooltipProps } from '../tooltip';
 export interface MarkItem extends DIVProps {
     label?: ReactNode;

package/dist/esm/components/slider/slider.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../../index';
+import { ColorPropsValue } from '../../../types';
 export declare const classes: {
     prefix: string;
     label: string;

package/dist/esm/components/snackbarBase/snackbarBase.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { TransitionBaseProps } from '../transitionBase';
-import { BlockPlacement, ColorPropsValue, DefineElement } from '../../../index';
+import { BlockPlacement, ColorPropsValue, DefineElement } from '../../../types';
 export interface SnackbarBaseProps extends TransitionBaseProps<HTMLDivElement> {
     variant?: 'filled' | 'plain';
     color?: ColorPropsValue;

package/dist/esm/components/status/status.d.ts

@@ -1,6 +1,6 @@
 import { AntdIconProps } from '@ant-design/icons/lib/components/AntdIcon';
 import { ReactNode } from 'react';
-import { DIVProps, Status as IStatus } from '../../../index';
+import { DIVProps, Status as IStatus } from '../../../types';
 export type StatusType = IStatus | 'confirm' | 'unknown';
 export declare const statusMapToIcon: {
     info: import("react").ForwardRefExoticComponent<Omit<AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/stepper/stepper.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ColorPropsValue, DIVProps, Obj, Size } from '../../../index';
+import { ColorPropsValue, DIVProps, Obj, Size } from '../../../types';
 import { Step, StepProps } from './step';
 export type StepStatus = 'waiting' | 'processing' | 'finished' | 'skipped' | 'error' | 'warning';
 export interface StepperSharedProps extends Omit<DIVProps, 'onChange' | 'title' | 'prefix'> {

package/dist/esm/components/switch/switch.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref } from 'react';
-import { ColorPropsValue, DIVProps, Size } from '../../../index';
+import { ColorPropsValue, DIVProps, Size } from '../../../types';
 export interface SwitchProps extends Omit<DIVProps, 'onChange'> {
     /** <Switch />内部使用<input />实现 */
     inputProps?: JSX.IntrinsicElements['input'];

package/dist/esm/components/switch/switch.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../../index';
+import { ColorPropsValue } from '../../../types';
 export declare const classes: {
     input: string;
     label: string;

package/dist/esm/components/table/table.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'react';
-import { Size } from '../../../index';
+import { Size } from '../../../types';
 export interface TableProps extends Omit<JSX.IntrinsicElements['table'], 'ref'> {
     ref?: Ref<HTMLTableElement>;
     size?: Size;

package/dist/esm/components/tabs/tab.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ColorPropsValue, DIVProps, Id } from '../../../index';
+import { ColorPropsValue, DIVProps, Id } from '../../../types';
 export interface TabProps extends Omit<DIVProps, 'prefix'> {
     prefix?: ReactNode;
     suffix?: ReactNode;

package/dist/esm/components/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactElement, ReactNode } from 'react';
-import { ColorPropsValue, DIVProps, Id, Obj, Size } from '../../../index';
+import { ColorPropsValue, DIVProps, Id, Obj, Size } from '../../../types';
 import { Tab, TabProps } from './tab';
 export type TabType = TabProps & Obj;
 export interface TabsProps<T extends TabType = TabType> extends Omit<DIVProps, 'prefix' | 'defaultValue' | 'onChange'> {

package/dist/esm/components/tag/tag.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ColorPropsValue, DIVProps, Size } from '../../../index';
+import { ColorPropsValue, DIVProps, Size } from '../../../types';
 export interface TagProps extends Omit<DIVProps, 'prefix'> {
     variant?: 'filled' | 'outlined' | 'plain';
     color?: ColorPropsValue;

package/dist/esm/components/timeline/timeline.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ColorPropsValue, DIVProps, Obj } from '../../../index';
+import { ColorPropsValue, DIVProps, Obj } from '../../../types';
 import { TimelineItem, TimelineItemProps } from './timelineItem';
 export interface TimelineSharedProps extends DIVProps {
     variant?: 'filled' | 'outlined';

package/dist/esm/components/timeline/timeline.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../../index';
+import { ColorPropsValue } from '../../../types';
 export declare const classes: {
     content: string;
     dot: string;

package/dist/esm/components/toggleButton/toggleButton.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { FlexProps } from '../flex';
 import { ButtonProps } from '../button';
-import { Id, Obj } from '../../../index';
+import { Id, Obj } from '../../../types';
 type ButtonItem = ButtonProps & Obj;
 export interface ToggleButtonBaseProps<I extends ButtonItem> extends Omit<FlexProps, 'defaultValue' | 'onChange'> {
     variant?: 'filled' | 'outlined';

package/dist/esm/components/tooltip/tooltip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { PopperProps } from '../popper';
-import { ColorPropsValue } from '../../../index';
+import { ColorPropsValue } from '../../../types';
 export interface TooltipProps extends Omit<PopperProps, 'title' | 'content'> {
     title?: ReactNode;
     color?: ColorPropsValue;

package/dist/esm/components/touchRipple/touchRipple.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ColorPropsValue, DIVProps } from '../../../index';
+import { ColorPropsValue, DIVProps } from '../../../types';
 export interface TouchRippleProps extends Omit<DIVProps, 'children'> {
     color?: ColorPropsValue;
     rippleProps?: DIVProps;

package/dist/esm/components/touchRipple/touchRipple.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../../index';
+import { ColorPropsValue } from '../../../types';
 export declare const classes: {
     ripple: string;
 } & {

package/dist/esm/components/transfer/transfer.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DIVProps, Id } from '../../../index';
+import { DIVProps, Id } from '../../../types';
 import { MenuOptionType } from '../optionsBase';
 import { ButtonProps } from '../button';
 export interface TransferProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<DIVProps, 'defaultValue' | 'value' | 'onChange'> {

package/dist/esm/components/transfer/transferPanel.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DIVProps, Id } from '../../../index';
+import { DIVProps, Id } from '../../../types';
 import { MenuOptionType, OptionsBaseProps } from '../optionsBase';
 type ListProps<O extends MenuOptionType<V>, V extends Id = Id> = Pick<OptionsBaseProps<O, V>, 'options' | 'selectedValue' | 'primaryKey' | 'onToggleSelected'>;
 export interface TransferPanelProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<DIVProps, 'title' | 'onChange'> {

package/dist/esm/components/transportStyle/transportStyle.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { DIVProps } from '../../../index';
+import { DIVProps } from '../../../types';
 export interface TransportStyleProps extends DIVProps {
     /** 交叉轴对齐方式 */
     alignItems?: CSSProperties['alignItems'];

package/dist/esm/components/tree/tree.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DIVProps, Id, Obj } from '../../../index';
+import { DIVProps, Id, Obj } from '../../../types';
 import { OptionType, SelectionContextBaseProps, SelectionContextMultipleProps, SelectionContextSingleProps } from '../selectionContext';
 import { InputProps } from '../input';
 import { TreeNode, TreeNodeProps } from './treeNode';

package/dist/esm/components/tree/treeNode.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DIVProps, Id } from '../../../index';
+import { DIVProps, Id } from '../../../types';
 export interface TreeNodeProps extends Omit<DIVProps, 'prefix'> {
     value: Id;
     label?: ReactNode;

package/dist/esm/components/treeSelect/treeSelect.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode, Ref } from 'react';
 import { PopperProps, PopperRef } from '../popper';
 import { NodeType, TreeBaseProps, TreeMultipleProps, TreeNode, TreeSingleProps } from '../tree';
-import { Id } from '../../../index';
+import { Id } from '../../../types';
 interface TreeSelectBaseProps<N extends NodeType<V>, V extends Id = Id> extends TreeBaseProps<N, V> {
     /** <select />内部由<input />实现 */
     inputProps?: JSX.IntrinsicElements['input'];

package/dist/esm/components/typography/typography.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ColorPropsValue, OverridableProps } from '../../../index';
+import { ColorPropsValue, OverridableProps } from '../../../types';
 import { ButtonProps } from '../button';
 import { InputProps } from '../input';
 import { TextareaProps } from '../textarea';

package/dist/esm/components/upload/dropArea.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DIVProps } from '../../../index';
+import { DIVProps } from '../../../types';
 export interface DropAreaProps extends Omit<DIVProps, 'onDrop'> {
     description?: ReactNode;
     onDrop?(files: FileList): void;

package/dist/esm/components/upload/upload.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, ReactElement, ReactNode, Ref, SetStateAction } from 'react';
-import { DIVProps } from '../../../index';
+import { DIVProps } from '../../../types';
 import { ButtonProps } from '../button';
 import { DropArea } from './dropArea';
 export type UploadStatus = 'default' | 'uploading' | 'success' | 'error';

package/dist/esm/components/waterfall/waterfall.d.ts

@@ -1,7 +1,7 @@
-import { ResponsiveProp } from '../../../index';
+import { ResponsiveProp } from '../../../types';
 import { TransportStyleProps } from '../transportStyle';
 export interface WaterfallProps extends TransportStyleProps {
-    /** 布局列数，@default {xs: 4} */
+    /** 布局列数，@default xs: 4 */
     columnCount?: ResponsiveProp;
     gap?: ResponsiveProp;
     columnGap?: ResponsiveProp;

package/dist/esm/components/waterfall/waterfall.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Children, forwardRef, isValidElement, useEffect, useRef, useState } from 'react';
 import { classes, useStyle } from './waterfall.style';
 import { classnames, responsiveValue, useResponsiveValue } from '../../utils';
+import { TransportStyle } from '../transportStyle';
 export const Waterfall = forwardRef(({ columnCount = { xs: 4 }, gap = { xs: 0 }, columnGap, rowGap, ...props }, ref) => {
     columnCount = responsiveValue(columnCount);
     gap = responsiveValue(gap);
@@ -31,5 +32,5 @@ export const Waterfall = forwardRef(({ columnCount = { xs: 4 }, gap = { xs: 0 },
             resizeObserver.disconnect();
         };
     }, [props.children, columnCountNum]);
-    return (_jsx("div", { ...props, ref: ref, css: useStyle({ columnCount, columnGap, rowGap }), className: classnames(classes.root, props.className), style: containerHeight ? { height: containerHeight } : void 0, children: Children.map(props.children, (child, i) => _jsx("div", { ref: r => r && items.current.push(r), className: classes.item, style: { order: orders?.[i] }, children: child }, isValidElement(child) ? child.key ?? i : i)) }));
+    return (_jsx(TransportStyle, { ...props, ref: ref, css: useStyle({ columnCount, columnGap, rowGap }), className: classnames(classes.root, props.className), style: containerHeight ? { height: containerHeight } : void 0, children: Children.map(props.children, (child, i) => _jsx("div", { ref: r => r && items.current.push(r), className: classes.item, style: { order: orders?.[i] }, children: child }, isValidElement(child) ? child.key ?? i : i)) }));
 });

package/dist/esm/components/waterfall/waterfall.style.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveValue } from '../../../index';
+import { ResponsiveValue } from '../../../types';
 export declare const classes: {
     item: string;
 } & {

package/dist/esm/extensions/curd/curd.d.ts

@@ -2,7 +2,7 @@ import { ComponentClass, ReactNode } from 'react';
 import { CurdBaseProps, CurdColumn } from '../../components/curd';
 import { DataGridProps, RowType } from '../../components/dataGrid';
 import { FormValue } from '../../components/form';
-import { Id } from '../../../index';
+import { Id } from '../../../types';
 /**
  * -------------------------------------------------------------------
  * 类修饰器

package/dist/esm/extensions/textFormatter/textFormatter.d.ts

@@ -1,4 +1,4 @@
-import { DIVProps } from '../../../index';
+import { DIVProps } from '../../../types';
 export interface TextFormatterProps extends Omit<DIVProps, 'children'> {
     text?: string;
 }

package/dist/esm/utils/curd.d.ts

@@ -1,6 +1,6 @@
 import { CurdColumn, CurdFormItemProps, CurdProps } from '../components/curd';
 import { ColumnType, RowType } from '../components/dataGrid';
-import { Id, Obj } from '../../index';
+import { Id, Obj } from '../../types';
 /**
  * 将Curd的Columns转换为FilterItem
  * @param columns

package/dist/esm/utils/dataGrid.d.ts

@@ -1,4 +1,4 @@
-import { Id, Obj } from '../../index';
+import { Id, Obj } from '../../types';
 import { ColumnType, DataGridProps, RowType } from '../components/dataGrid';
 /**
  * 为列添加key

package/dist/esm/utils/dnd.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { DragEndEvent } from '@dnd-kit/core';
-import { Obj } from '../../index';
+import { Obj } from '../../types';
 /**
  * 默认提供给@dnd-kit的sensors属性
  */

package/dist/esm/utils/form.d.ts

@@ -1,4 +1,4 @@
-import { Id } from '../../index';
+import { Id } from '../../types';
 /**
  * 从onChange回调中获取表单字段的值
  * @param e

package/dist/esm/utils/hooks.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject, Dispatch, SetStateAction } from 'react';
-import { Id } from '../../index';
+import { Id } from '../../types';
 /**
  * 获取渲染前的值
  * @param value

package/dist/esm/utils/style.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../components/app';
-import { Breakpoints, ColorPropsValue, ResponsiveProp, ResponsiveValue } from '../../index';
+import { Breakpoints, ColorPropsValue, ResponsiveProp, ResponsiveValue } from '../../types';
 import { StatusType } from '../components/status/status';
 /**
  * 为类名添加统一前缀，通常为内部使用

package/dist/esm/utils/tree.d.ts

@@ -1,4 +1,4 @@
-import { Id, Obj } from '../../index';
+import { Id, Obj } from '../../types';
 /**
  * ------------------------------------------------------------------------
  * 统一处理树形搜索

package/dist/esm/utils/utils.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject, Ref, ReactNode } from 'react';
-import { Id } from '../../index';
+import { Id } from '../../types';
 /**
  * 生成最简易的随机ID
  * @param namespace

package/dist/types/index.d.ts

@@ -0,0 +1,50 @@
+import {ComponentType, DetailedHTMLProps, HTMLAttributes, Ref} from 'react'
+
+export type Id = string | number
+
+export type Obj<T = any> = {[p: Id]: T}
+
+export type ThemeEasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'bounce' | 'swing'
+
+export type Status = 'success' | 'error' | 'warning' | 'info'
+
+export type ColorPresets = 'primary' | 'secondary' | Status
+
+export type ColorPropsValue = ColorPresets | 'text' | 'disabled' | 'placeholder' | 'inverse' | 'divider' | string
+
+export type TextColorPresets = 'primary' | 'secondary' | 'disabled' | 'placeholder' | 'inverse'
+
+export type Size = 'small' | 'medium' | 'large'
+
+export type CornerPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'
+
+export type BlockPlacement = CornerPlacement | 'top' | 'bottom'
+
+export type Placement = BlockPlacement | 'left' | 'right'
+
+export type DefineElement<T = Element | null | undefined> = T | (() => T)
+
+export type Breakpoints =
+    | 'xs'
+    | 'sm'
+    | 'md'
+    | 'lg'
+    | 'xl'
+
+export type ResponsiveValue<T = number> = {
+    [P in Breakpoints]?: T
+}
+
+export type ResponsiveProp<T = number> = T | ResponsiveValue<T>
+
+export type DOMProps<T extends Element> = Omit<DetailedHTMLProps<HTMLAttributes<T>, T>, 'ref'> & {ref?: Ref<T>}
+
+export type DIVProps = DOMProps<HTMLDivElement>
+
+export type OverridableProps<T> = {
+    component?: T
+} & (
+        T extends ComponentType<infer P> ? P
+        : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T]
+        : {}
+    )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canlooks/can-ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "author": "C.CanLiang <canlooks@gmail.com>",
   "description": "My ui framework",
   "license": "MIT",
@@ -54,7 +54,7 @@
     "tslib": "^2.8.0"
   },
   "devDependencies": {
-    "@canlooks/tscup": "^0.0.2",
+    "@canlooks/tscup": "^0.0.5",
     "@mui/icons-material": "^6.1.5",
     "@traptitech/markdown-it-katex": "^3.6.0",
     "@types/color": "^3.0.6",

package/tscup.config.ts

@@ -2,5 +2,6 @@ import {defineConfig} from '@canlooks/tscup'
 
 export default defineConfig({
     format: ['cjs', 'esm'],
-    clean: true
+    clean: true,
+    copyDir: 'types'
 })

package/types/index.d.ts

@@ -0,0 +1,50 @@
+import {ComponentType, DetailedHTMLProps, HTMLAttributes, Ref} from 'react'
+
+export type Id = string | number
+
+export type Obj<T = any> = {[p: Id]: T}
+
+export type ThemeEasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'bounce' | 'swing'
+
+export type Status = 'success' | 'error' | 'warning' | 'info'
+
+export type ColorPresets = 'primary' | 'secondary' | Status
+
+export type ColorPropsValue = ColorPresets | 'text' | 'disabled' | 'placeholder' | 'inverse' | 'divider' | string
+
+export type TextColorPresets = 'primary' | 'secondary' | 'disabled' | 'placeholder' | 'inverse'
+
+export type Size = 'small' | 'medium' | 'large'
+
+export type CornerPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'
+
+export type BlockPlacement = CornerPlacement | 'top' | 'bottom'
+
+export type Placement = BlockPlacement | 'left' | 'right'
+
+export type DefineElement<T = Element | null | undefined> = T | (() => T)
+
+export type Breakpoints =
+    | 'xs'
+    | 'sm'
+    | 'md'
+    | 'lg'
+    | 'xl'
+
+export type ResponsiveValue<T = number> = {
+    [P in Breakpoints]?: T
+}
+
+export type ResponsiveProp<T = number> = T | ResponsiveValue<T>
+
+export type DOMProps<T extends Element> = Omit<DetailedHTMLProps<HTMLAttributes<T>, T>, 'ref'> & {ref?: Ref<T>}
+
+export type DIVProps = DOMProps<HTMLDivElement>
+
+export type OverridableProps<T> = {
+    component?: T
+} & (
+        T extends ComponentType<infer P> ? P
+        : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T]
+        : {}
+    )

package/index.d.ts

@@ -1,54 +0,0 @@
-import {ComponentType, DetailedHTMLProps, HTMLAttributes, Ref} from 'react'
-
-declare namespace CanUI {
-    type Id = string | number
-
-    type Obj<T = any> = {[p: Id]: T}
-
-    type ThemeEasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'bounce' | 'swing'
-
-    type Status = 'success' | 'error' | 'warning' | 'info'
-
-    type ColorPresets = 'primary' | 'secondary' | Status
-
-    type ColorPropsValue = ColorPresets | 'text' | 'disabled' | 'placeholder' | 'inverse' | 'divider' | string
-
-    type TextColorPresets = 'primary' | 'secondary' | 'disabled' | 'placeholder' | 'inverse'
-
-    type Size = 'small' | 'medium' | 'large'
-
-    type CornerPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'
-
-    type BlockPlacement = CornerPlacement | 'top' | 'bottom'
-
-    type Placement = BlockPlacement | 'left' | 'right'
-
-    type DefineElement<T = Element | null | undefined> = T | (() => T)
-
-    type Breakpoints =
-        | 'xs'
-        | 'sm'
-        | 'md'
-        | 'lg'
-        | 'xl'
-
-    type ResponsiveValue<T = number> = {
-        [P in Breakpoints]?: T
-    }
-
-    type ResponsiveProp<T = number> = T | ResponsiveValue<T>
-
-    type DOMProps<T extends Element> = Omit<DetailedHTMLProps<HTMLAttributes<T>, T>, 'ref'> & {ref?: Ref<T>}
-
-    type DIVProps = DOMProps<HTMLDivElement>
-
-    type OverridableProps<T> = {
-        component?: T
-    } & (
-            T extends ComponentType<infer P> ? P
-            : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T]
-            : {}
-        )
-}
-
-export = CanUI