@i-dot-ai-npm/component-library-react 0.0.6 → 0.0.8

package/src/textarea/Textarea.tsx

@@ -1,9 +1,10 @@
-type TextareaProps = {
+import type { ComponentPropsWithoutRef } from 'react';
+
+type TextareaProps = Omit<ComponentPropsWithoutRef<'textarea'>, 'value'> & {
     error?: boolean;
     subtle?: boolean;
     value?: string;
     class?: string;
-    [key: string]: unknown;
 };
 
 export default function Textarea({ error, subtle, value, class: className, ...rest }: TextareaProps) {

package/src/toggle/Toggle.tsx

@@ -1,6 +1,7 @@
-type ToggleProps = {
+import type { ComponentPropsWithoutRef } from 'react';
+
+type ToggleProps = ComponentPropsWithoutRef<'input'> & {
     class?: string;
-    [key: string]: unknown;
 };
 
 export default function Toggle({ class: className, ...rest }: ToggleProps) {

package/src/toggle/ToggleItem.tsx

@@ -1,9 +1,8 @@
-import { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 
-type ToggleItemProps = {
+type ToggleItemProps = ComponentPropsWithoutRef<'div'> & {
     class?: string;
     children?: ReactNode;
-    [key: string]: unknown;
 };
 
 export default function ToggleItem({ class: className, children, ...rest }: ToggleItemProps) {

package/src/toggle/ToggleLabel.tsx

@@ -1,9 +1,8 @@
-import { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 
-type ToggleLabelProps = {
+type ToggleLabelProps = ComponentPropsWithoutRef<'label'> & {
     class?: string;
     children?: ReactNode;
-    [key: string]: unknown;
 };
 
 export default function ToggleLabel({ class: className, children, ...rest }: ToggleLabelProps) {

package/src/warning-text/WarningText.tsx

@@ -1,9 +1,8 @@
-import { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 
-type WarningTextProps = {
+type WarningTextProps = ComponentPropsWithoutRef<'div'> & {
     class?: string;
     children?: ReactNode;
-    [key: string]: unknown;
 };
 
 export default function WarningText({ class: className, children, ...rest }: WarningTextProps) {