docs: update storybook examples

Author: mauroreisvieira

package-lock.json

@@ -103,3 +103,60 @@ export const FullWidth: Story = {
     fullWidth: true,
   },
 };
+
+export const Loading: Story = {
+  args: {
+    ...args,
+    loading: true,
+    fullWidth: true,
+  },
+};
+
+export const WithGroups: Story = {
+  args: {
+    placeholder: "Select a food item",
+    children: (
+      <>
+        <Select.Group name="Fruits">
+          <Select.Option value="apple">Apple</Select.Option>
+          <Select.Option value="banana">Banana</Select.Option>
+          <Select.Option value="orange">Orange</Select.Option>
+          <Select.Option value="grape">Grape</Select.Option>
+        </Select.Group>
+        <Select.Group name="Vegetables">
+          <Select.Option value="carrot">Carrot</Select.Option>
+          <Select.Option value="broccoli">Broccoli</Select.Option>
+          <Select.Option value="spinach">Spinach</Select.Option>
+          <Select.Option value="tomato">Tomato</Select.Option>
+        </Select.Group>
+        <Select.Group name="Dairy">
+          <Select.Option value="milk">Milk</Select.Option>
+          <Select.Option value="cheese">Cheese</Select.Option>
+          <Select.Option value="yogurt">Yogurt</Select.Option>
+        </Select.Group>
+      </>
+    ),
+  },
+};
+
+export const WithGroupsAndSearch: Story = {
+  args: {
+    ...WithGroups.args,
+    search: {
+      placeholder: "Search food items",
+      emptyStateMessage: (value) => (
+        <>
+          No food items found for <b>&quot;{value}&quot;</b>
+        </>
+      ),
+    },
+  },
+};
+
+export const WithGroupsMultiple: Story = {
+  args: {
+    ...WithGroupsAndSearch.args,
+    multiple: true,
+    placeholder: "Select multiple food items",
+  },
+};