chore(qwikintrinsicelements): replace the remaining ones with PropsOf

Author: maiieul

CODING_STANDARDS.md

@@ -107,7 +107,7 @@ return (
 ## Example of headless button customization with Tailwind
 
 ```tsx
-import { component$, QwikIntrinsicElements, Slot } from '@builder.io/qwik';
+import { component$, Slot } from '@builder.io/qwik';
 import { Button as HeadlessButton, ButtonProps as ButtonHeadlessProps } from '@qwik-ui/headless';
 
 type TailwindButtonProps = { size?: 'sm' | 'md', ... };

apps/website/src/components/icons/double-chevron.tsx

@@ -1,6 +1,6 @@
-import { QwikIntrinsicElements } from '@builder.io/qwik';
+import { PropsOf } from '@builder.io/qwik';
 
-export function DoubleChevron(props: QwikIntrinsicElements['svg'], key: string) {
+export function DoubleChevron(props: PropsOf<'svg'>, key: string) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

apps/website/src/routes/docs/headless/accordion/examples/multi.tsx

@@ -44,8 +44,8 @@ export default component$(() => {
             </AccordionHeader>
             <AccordionContent class="accordion-animation-1 overflow-hidden">
               <p class="pb-4">
-                It's typed using <strong>QwikIntrinsicElements</strong>, meaning you can
-                treat it like an element!
+                It's typed using <strong>PropsOf</strong>, meaning you can treat it like
+                an element!
               </p>
             </AccordionContent>
           </AccordionItem>

packages/kit-headless/src/components/collapsible/collapsible-content.tsx

@@ -1,15 +1,15 @@
 import {
-  type QwikIntrinsicElements,
   Slot,
   component$,
   useContext,
   useSignal,
   $,
   useTask$,
+  PropsOf,
 } from '@builder.io/qwik';
 import { collapsibleContextId } from './collapsible-context-id';
 
-export type CollapsibleContentProps = QwikIntrinsicElements['div'];
+export type CollapsibleContentProps = PropsOf<'div'>;
 
 export const CollapsibleContent = component$((props: CollapsibleContentProps) => {
   const context = useContext(collapsibleContextId);

packages/kit-headless/src/components/collapsible/collapsible.tsx

@@ -6,13 +6,13 @@ import {
   useSignal,
   $,
   type Signal,
-  type QwikIntrinsicElements,
+  PropsOf,
 } from '@builder.io/qwik';
 import { collapsibleContextId } from './collapsible-context-id';
 import { type CollapsibleContext } from './collapsible-context.type';
 import { getHiddenHeight } from '../../utils/get-hidden-height';
 
-export type CollapsibleProps = QwikIntrinsicElements['div'] & {
+export type CollapsibleProps = PropsOf<'div'> & {
   defaultOpen?: boolean | undefined;
   id?: string;
   'bind:isOpen'?: Signal<boolean | undefined>;