fix: collapsible trigger has correct id (#1012)

* fix: collapsible trigger has correct id

* changeset

---------

Co-authored-by: jack shelton <[email protected]>

Author: thejackshelton-kunaico

.changeset/real-chairs-tickle.md

@@ -0,0 +1,5 @@
+---
+'@qwik-ui/headless': patch
+---
+
+fix: collapsible trigger has correct label

apps/website/src/routes/docs/headless/collapsible/auto-api/api.ts

@@ -0,0 +1,26 @@
+export const api = {
+  collapsible: [
+    {
+      'collapsible-content': [],
+    },
+    {
+      'collapsible-trigger': [],
+    },
+    {
+      collapsible: [
+        {
+          CollapsibleProps: [
+            {
+              comment: '@deprecated use `onChange$` instead',
+              prop: 'onOpenChange$',
+              type: 'QRL<(open: boolean) => void>',
+            },
+          ],
+        },
+      ],
+    },
+    {
+      'use-collapsible': [],
+    },
+  ],
+};

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

@@ -5,6 +5,7 @@ export const HCollapsibleTrigger = component$<PropsOf<'button'>>(
   ({ onClick$, ...props }) => {
     const context = useContext(collapsibleContextId);
     const contentId = `${context.itemId}-content`;
+    const triggerId = `${context.itemId}-trigger`;
 
     const handleClick$ = $(async () => {
       if (context.isOpenSig.value && context.collapsible === false) return;
@@ -16,6 +17,7 @@ export const HCollapsibleTrigger = component$<PropsOf<'button'>>(
     return (
       <button
         {...props}
+        id={triggerId}
         ref={context.triggerRef}
         disabled={context.disabled}
         data-disabled={context.disabled ? '' : undefined}