cari-ui-kit 0.1.21 → 0.1.22

package/dist/components/button/Button.d.ts

@@ -1,7 +1,8 @@
 import { ElementType } from 'react';
 import { COLORS } from '../../foundation/colors';
 import { SIZES } from '../../foundation/sizes';
-export interface IButtonProps {
+import { IPolymorphicProps } from '../../types/polymorphic';
+export interface IButtonOwnProps {
     className?: string;
     label?: string;
     prefix?: React.ReactNode;
@@ -17,7 +18,6 @@ export interface IButtonProps {
     isCircle?: boolean;
     isHiddenLabel?: boolean;
     type?: 'button' | 'submit' | 'reset';
-    as?: ElementType;
-    [key: string]: unknown;
 }
-export declare const Button: (props: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type IButtonProps<C extends ElementType = 'button'> = IPolymorphicProps<C, IButtonOwnProps>;
+export declare const Button: <C extends ElementType = "button">(props: IButtonProps<C>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/button/index.d.ts

@@ -1 +1,2 @@
 export { Button } from './Button';
+export type { IButtonProps, IButtonOwnProps } from './Button';

package/dist/types/polymorphic.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+export type IPolymorphicProps<C extends ElementType, OwnProps = object> = OwnProps & {
+    as?: C;
+} & Omit<ComponentPropsWithoutRef<C>, keyof OwnProps | 'as'>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cari-ui-kit",
   "private": false,
-  "version": "0.1.21",
+  "version": "0.1.22",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",