Refactor button, card, combobox, command, data-table, radio-group, and table stories

Author: thevuong

apps/docs/src/stories/button/button.stories.tsx

@@ -95,28 +95,28 @@ export const Icon: Story = {
 
 export const Secondary: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     variant: 'secondary',
   },
 };
 
 export const Outline: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     variant: 'outline',
   },
 };
 
 export const Destructive: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     variant: 'destructive',
   },
 };
 
 export const Ghost: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     variant: 'ghost',
   },
 };
@@ -137,44 +137,44 @@ export const Sizes: Story = {
 
 export const Block: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     block: true,
   },
 };
 
 export const RoundedFull: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     shape: 'pill',
   },
 };
 
 export const Loading: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     loading: true,
   },
 };
 
 export const LoadingWithIcon: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     loading: true,
     startIcon: <GitForkIcon size={16} />,
   },
 };
 
 export const LoadingWithIconRight: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     endIcon: <CogIcon size={16} />,
     loading: true,
   },
 };
 
 export const LoadingWithIconBoth: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     endIcon: <CogIcon size={16} />,
     loading: true,
     startIcon: <GitForkIcon size={16} />,
@@ -183,21 +183,21 @@ export const LoadingWithIconBoth: Story = {
 
 export const Disabled: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     disabled: true,
   },
 };
 
 export const IconLeft: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     startIcon: <GitForkIcon size={16} />,
   },
 };
 
 export const IconRight: Story = {
   args: {
-    ...Basic.args,
+    ...Default.args,
     endIcon: <CogIcon size={16} />,
   },
 };

apps/docs/src/stories/card/card.stories.tsx

@@ -29,7 +29,7 @@ export default meta;
 type Story = StoryObj<typeof Card>;
 
 /* -----------------------------------------------------------------------------
- * Story: Basic
+ * Story: Default
  * -------------------------------------------------------------------------- */
 
 const notifications = [

apps/docs/src/stories/combobox/combobox.stories.tsx

@@ -43,7 +43,7 @@ export default meta;
 type Story = StoryObj<typeof Combobox>;
 
 /* -----------------------------------------------------------------------------
- * Story: Basic
+ * Story: Default
  * -------------------------------------------------------------------------- */
 
 function ComboboxWithHooks(

apps/docs/src/stories/command/command.stories.tsx

@@ -31,7 +31,7 @@ export default meta;
 type Story = StoryObj<typeof Command>;
 
 /* -----------------------------------------------------------------------------
- * Story: Basic
+ * Story: Default
  * -------------------------------------------------------------------------- */
 
 export const Default: Story = {

apps/docs/src/stories/data-table/data-table.stories.tsx

@@ -160,7 +160,7 @@ export default meta;
 type Story = StoryObj<typeof DataTable>;
 
 /* -----------------------------------------------------------------------------
- * Story: Basic
+ * Story: Default
  * -------------------------------------------------------------------------- */
 
 export const Default: Story = {

apps/docs/src/stories/radio-group/radio-group.stories.tsx

@@ -37,7 +37,7 @@ export default meta;
 type Story = StoryObj<typeof RadioGroup>;
 
 /* -----------------------------------------------------------------------------
- * Story: Basic
+ * Story: Default
  * -------------------------------------------------------------------------- */
 
 function RadioGroupBasic(

apps/docs/src/stories/table/table.stories.tsx

@@ -25,7 +25,7 @@ export default meta;
 type Story = StoryObj<typeof Table>;
 
 /* -----------------------------------------------------------------------------
- * Story: Basic
+ * Story: Default
  * -------------------------------------------------------------------------- */
 
 const invoices = [