🤝 Review

Author: lsagetlethias

src/Range.tsx

@@ -7,9 +7,9 @@ import React, {
     type ReactNode,
     type ComponentProps
 } from "react";
-import { assert, Equals } from "tsafe";
+import { assert, type Equals } from "tsafe";
 import { symToStr } from "tsafe/symToStr";
-import { CxArg } from "tss-react";
+import { type CxArg } from "tss-react";
 import { fr } from "./fr";
 import { cx } from "./tools/cx";
 import { useAnalyticsId } from "./tools/useAnalyticsId";
@@ -55,10 +55,7 @@ export type RangeProps = {
 
 //https://main--ds-gouv.netlify.app/example/component/range/
 export namespace RangeProps {
-    type NativeInputProps = DetailedHTMLProps<
-        InputHTMLAttributes<HTMLInputElement>,
-        HTMLInputElement
-    >;
+    type NativeInputProps = ComponentProps<"input">;
 
     export type AsSingle = {
         double?: never;

src/SegmentedControl.tsx

@@ -1,16 +1,15 @@
 import {
-    CSSProperties,
-    DetailedHTMLProps,
+    type ComponentProps,
+    type CSSProperties,
     forwardRef,
-    InputHTMLAttributes,
     memo,
-    ReactNode,
+    type ReactNode,
     useId
 } from "react";
-import { assert, Equals } from "tsafe";
-import { fr, FrIconClassName, RiIconClassName } from "./fr";
+import { assert, type Equals } from "tsafe";
+import { fr, type FrIconClassName, type RiIconClassName } from "./fr";
 import React from "react";
-import { CxArg } from "tss-react";
+import { type CxArg } from "tss-react";
 import { cx } from "./tools/cx";
 import { useAnalyticsId } from "./tools/useAnalyticsId";
 
@@ -64,10 +63,7 @@ export namespace SegmentedControlProps {
 
     export type Segment = {
         label: ReactNode;
-        nativeInputProps?: DetailedHTMLProps<
-            InputHTMLAttributes<HTMLInputElement>,
-            HTMLInputElement
-        >;
+        nativeInputProps?: ComponentProps<"input">;
         iconId?: FrIconClassName | RiIconClassName;
     };