remove 'Source Code' tab

apps/docs/content/_components/accordionitem.md

@@ -1,11 +1,11 @@
 # AccordionItem
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 The `SfAccordionItem` component is a wrapper around the native `<details>` and `<summary>` HTML elements. It allows you to create an accordion component that expands and collapses content.
 
-The root element of this component is `<details>`, and any attributes that you apply onto the `SfAccordionItem` component will be passed to the `<details>` element. The one exception is the `onToggle` attribute. The component prevents the native browser behavior and implements its own `onToggle` handler.
+The root element of this component is `<details>`, and any attributes that you apply onto the `SfAccordionItem` component will be passed to the `<details>` element. The one exception is the `onToggle$` attribute. The component prevents the native browser behavior and implements its own `onToggle$` handler.
 
 ::info
 See all of the attributes that you can pass to `<details>` in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details).
@@ -110,15 +110,6 @@ For example, `<summary>` elements are focusable and can be activated by pressing
 
 :::vue-only
 
-:::qwik-only
-| Prop name | Type | Default value | Possible values |
-| ----------------- | ------------------------- | ------------- | --------------- |
-| `open` | `boolean` | false | |
-| `summaryClassName` | `string` | | |
-| `onToggle` | `(open: boolean) => void` | | |
-| `children` | `ReactNode` | | |
-:::
-
 ## Slots
 
 | Slot name | Description           |
@@ -134,6 +125,14 @@ For example, `<summary>` elements are focusable and can be activated by pressing
 
 :::
 
+:::qwik-only
+| Prop name | Type | Default value | Possible values |
+| ----------------- | ------------------------- | ------------- | --------------- |
+| `ref?` | `Signal<Element>` | | |
+| `summaryClass` | `string` | | |
+| `onToggle$?` | `PropFunction<(open: boolean) => void>` | | |
+:::
+
 #tab-3
 
 ## Source code

apps/docs/content/_components/badge.md

@@ -1,6 +1,6 @@
 # Badge
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/button.md

@@ -1,6 +1,6 @@
 # Button
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/checkbox.md

@@ -1,6 +1,6 @@
 # Checkbox
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/counter.md

@@ -1,6 +1,6 @@
 # Counter
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/drawer.md

@@ -1,6 +1,6 @@
 # Drawer
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/dropdown.md

@@ -1,6 +1,6 @@
 # Dropdown
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/iconbase.md

@@ -1,6 +1,6 @@
 # Icons
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/input.md

@@ -1,6 +1,6 @@
 # Input
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/link.md

@@ -1,6 +1,6 @@
 # Link
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/listitem.md

@@ -1,6 +1,6 @@
 # ListItem
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/loadercircular.md

@@ -1,6 +1,6 @@
 # LoaderCircular
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/loaderlinear.md

@@ -1,6 +1,6 @@
 # LoaderLinear
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/modal.md

@@ -1,6 +1,6 @@
 # Modal
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/progresscircular.md

@@ -1,6 +1,6 @@
 # ProgressCircular
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/progresslinear.md

@@ -1,6 +1,6 @@
 # ProgressLinear
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/radio.md

@@ -1,6 +1,6 @@
 # Radio
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/rating.md

@@ -1,6 +1,6 @@
 # Rating
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_components/ratingbutton.md

@@ -2,7 +2,7 @@
 
 The RatingButton component is an interactive input element specifically designed for evaluations on product pages. It provides users with the ability to select a rating by choosing an icon using either the cursor or keyboard input. The number of icons displayed and the actual icon used can be customized based on your specific requirements. The rating scale within the component operates from left to right.
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 

apps/docs/content/_hooks/useDisclosure.md

@@ -1,16 +1,15 @@
 # useDisclosure
 
-::tabs{:titles='["Usage", "API", "Source Code"]'}
+::tabs{:titles='["Usage", "API"]'}
 
 #tab-1
 
 The `useDisclosure` utility gives you controls for a Boolean `isOpen` value. This can be used to control the visibility of components.
 
 ## Usage
 
-
-
 ::react-only
+
 ```tsx
 import { SfButton, useDisclosure } from '@storefront-ui/react';
 
@@ -27,9 +26,11 @@ function Basic() {
   );
 }
 ```
+
 ::
 
 ::vue-only
+
 ```vue
 <script lang="ts" setup>
 import { SfButton, useDisclosure } from '@storefront-ui/vue';
@@ -45,24 +46,20 @@ const { isOpen, toggle, open, close } = useDisclosure();
 </template>
 ```
 
-
 ::
 
-
-
 ### With Initial Value
 
 By default, the value of `isOpen` is false. But we can pass an initial value using an option object with an `initialValue`.
 
-
-
 ::react-only
+
 ```tsx
 import { SfButton, useDisclosure } from '@storefront-ui/react';
 
 function OpenByDefault() {
-  const { isOpen, toggle } = useDisclosure({ 
-    initialValue: true
+  const { isOpen, toggle } = useDisclosure({
+    initialValue: true,
   });
 
   return (
@@ -73,14 +70,16 @@ function OpenByDefault() {
   );
 }
 ```
+
 ::
 ::vue-only
+
 ```vue
 <script lang="ts" setup>
 import { SfButton, useDisclosure } from '@storefront-ui/vue';
 
-const { isOpen, toggle } = useDisclosure({ 
-  initialValue: true
+const { isOpen, toggle } = useDisclosure({
+  initialValue: true,
 });
 </script>
 
@@ -89,8 +88,8 @@ const { isOpen, toggle } = useDisclosure({
   <p v-if="isOpen">This will be open by default!</p>
 </template>
 ```
-::
 
+::
 
 #tab-2
 
@@ -111,13 +110,11 @@ const { isOpen, toggle } = useDisclosure({
 
 #tab-3
 
-
 ::react-only
 <<<../../../../packages/sfui/frameworks/react/hooks/useDisclosure/useDisclosure.ts
 ::
 ::vue-only
 <<<../../../../packages/sfui/frameworks/vue/composables/useDisclosure/useDisclosure.ts
 ::
 
-
 ::