@i-dot-ai-npm/component-library-react 0.0.7 → 0.0.9

package/src/task-list/TaskListHint.tsx

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

package/src/task-list/TaskListItem.tsx

@@ -1,10 +1,9 @@
-import { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 
-type TaskListItemProps = {
+type TaskListItemProps = ComponentPropsWithoutRef<'li'> & {
     withLink?: boolean;
     class?: string;
     children?: ReactNode;
-    [key: string]: unknown;
 };
 
 export default function TaskListItem({ withLink, class: className, children, ...rest }: TaskListItemProps) {

package/src/task-list/TaskListLink.tsx

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

package/src/task-list/TaskListNameAndHint.tsx

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

package/src/task-list/TaskListStatus.tsx

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

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) {