From 5518504a9a2ef54fe976228238b149c6fa65dee3 Mon Sep 17 00:00:00 2001
From: Victor Trinh <victor.trinh@gsoft.com>
Date: Fri, 20 Dec 2024 15:21:40 -0500
Subject: [PATCH] Fix crash on Select documentation

---
 packages/components/src/Select/docs/customValue.tsx         | 4 ++--
 .../src/Select/docs/selectDropdown/autoMenuWidth.tsx        | 6 +++---
 .../components/src/Select/docs/selectDropdown/avatar.tsx    | 6 +++---
 .../components/src/Select/docs/selectDropdown/count.tsx     | 4 ++--
 .../src/Select/docs/selectDropdown/description.tsx          | 6 +++---
 .../components/src/Select/docs/selectDropdown/endIcons.tsx  | 4 ++--
 .../components/src/Select/docs/selectDropdown/footer.tsx    | 6 +++---
 .../components/src/Select/docs/selectDropdown/icons.tsx     | 4 ++--
 .../src/Select/docs/selectDropdown/selectionIndicator.tsx   | 6 +++---
 9 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/packages/components/src/Select/docs/customValue.tsx b/packages/components/src/Select/docs/customValue.tsx
index 877076934..ea6acdfb3 100644
--- a/packages/components/src/Select/docs/customValue.tsx
+++ b/packages/components/src/Select/docs/customValue.tsx
@@ -9,7 +9,7 @@ const renderValue = ({ defaultChildren, selectedItem }: ValueRenderProps<User>)
         return (
             <>
                 <Avatar name={name} src={avatar} />
-                <Text>{name}</Text>
+                <Text slot="label">{name}</Text>
             </>
         );
     }
@@ -31,7 +31,7 @@ export default function Example() {
                 return (
                     <SelectItem id={id} textValue={name}>
                         <Avatar name={name} src={avatar} />
-                        <Text>{name}</Text>
+                        <Text slot="label">{name}</Text>
                         <Text slot="description">{role}</Text>
                     </SelectItem>
                 );
diff --git a/packages/components/src/Select/docs/selectDropdown/autoMenuWidth.tsx b/packages/components/src/Select/docs/selectDropdown/autoMenuWidth.tsx
index 594e36803..6da7707ae 100644
--- a/packages/components/src/Select/docs/selectDropdown/autoMenuWidth.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/autoMenuWidth.tsx
@@ -7,15 +7,15 @@ export default function Example() {
             isAutoMenuWidth
         >
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Developer">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>
diff --git a/packages/components/src/Select/docs/selectDropdown/avatar.tsx b/packages/components/src/Select/docs/selectDropdown/avatar.tsx
index e45309322..c6d27ef4f 100644
--- a/packages/components/src/Select/docs/selectDropdown/avatar.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/avatar.tsx
@@ -5,15 +5,15 @@ export default function Example() {
         <Select aria-label="Team">
             <SelectItem textValue="Fred Smith">
                 <Avatar src="https://i.pravatar.cc/96?img=3" name="Fred Smith" />
-                <Text>Fred Smith</Text>
+                <Text slot="label">Fred Smith</Text>
             </SelectItem>
             <SelectItem textValue="Karen Smith">
                 <Avatar name="Karen Smith" />
-                <Text>Karen Smith</Text>
+                <Text slot="label">Karen Smith</Text>
             </SelectItem>
             <SelectItem textValue="John Doe">
                 <Avatar name="John Doe" />
-                <Text>John Doe</Text>
+                <Text slot="label">John Doe</Text>
             </SelectItem>
         </Select>
     );
diff --git a/packages/components/src/Select/docs/selectDropdown/count.tsx b/packages/components/src/Select/docs/selectDropdown/count.tsx
index 863949988..1059f4db6 100644
--- a/packages/components/src/Select/docs/selectDropdown/count.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/count.tsx
@@ -4,12 +4,12 @@ export default function Example() {
     return (
         <Select aria-label="list of options">
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Badge>50</Badge>
             </SelectItem>
             <SelectItem textValue="Developer">
                 <Badge variant="secondary">99+</Badge>
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
             </SelectItem>
             <SelectItem>Manager</SelectItem>
         </Select>
diff --git a/packages/components/src/Select/docs/selectDropdown/description.tsx b/packages/components/src/Select/docs/selectDropdown/description.tsx
index beab2f8c1..af16c873c 100644
--- a/packages/components/src/Select/docs/selectDropdown/description.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/description.tsx
@@ -4,15 +4,15 @@ export default function Example() {
     return (
         <Select aria-label="list of options with a description">
             <SelectItem textValue="Developer">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>
diff --git a/packages/components/src/Select/docs/selectDropdown/endIcons.tsx b/packages/components/src/Select/docs/selectDropdown/endIcons.tsx
index 7db30df57..099fc26f2 100644
--- a/packages/components/src/Select/docs/selectDropdown/endIcons.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/endIcons.tsx
@@ -5,14 +5,14 @@ export default function Example() {
     return (
         <Select aria-label="list of options">
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <IconList slot="end-icon">
                     <SparklesIcon /><SparklesIcon /><SparklesIcon />
                 </IconList>
             </SelectItem>
             <SelectItem textValue="Developer">
                 <SparklesIcon slot="end-icon" />
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
             </SelectItem>
             <SelectItem>Manager</SelectItem>
         </Select>
diff --git a/packages/components/src/Select/docs/selectDropdown/footer.tsx b/packages/components/src/Select/docs/selectDropdown/footer.tsx
index e8627e901..e61224f47 100644
--- a/packages/components/src/Select/docs/selectDropdown/footer.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/footer.tsx
@@ -8,15 +8,15 @@ export default function Example() {
             footer={<Button variant="ghost-secondary" isFluid><AddIcon /><Text>Add</Text></Button>}
         >
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Developer">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>
diff --git a/packages/components/src/Select/docs/selectDropdown/icons.tsx b/packages/components/src/Select/docs/selectDropdown/icons.tsx
index 757302f52..5b628a976 100644
--- a/packages/components/src/Select/docs/selectDropdown/icons.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/icons.tsx
@@ -5,14 +5,14 @@ export default function Example() {
     return (
         <Select aria-label="list of options">
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <IconList>
                     <SparklesIcon /><SparklesIcon /><SparklesIcon />
                 </IconList>
             </SelectItem>
             <SelectItem textValue="Developer">
                 <SparklesIcon />
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
             </SelectItem>
             <SelectItem>Manager</SelectItem>
         </Select>
diff --git a/packages/components/src/Select/docs/selectDropdown/selectionIndicator.tsx b/packages/components/src/Select/docs/selectDropdown/selectionIndicator.tsx
index 25e308b68..3a34cce30 100644
--- a/packages/components/src/Select/docs/selectDropdown/selectionIndicator.tsx
+++ b/packages/components/src/Select/docs/selectDropdown/selectionIndicator.tsx
@@ -12,15 +12,15 @@ export default function Example() {
             selectionIndicator="input"
         >
             <SelectItem textValue="Developer" id="1">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Designer" id="2">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager" id="3">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>