♻️ Stories structure

cartridge-gg · Feb 7, 2025 · a4fab54 · a4fab54
1 parent c8f5985
commit a4fab54
Show file tree

Hide file tree

Showing 102 changed files with 35 additions and 34 deletions.
diff --git a/packages/ui-next/__image_snapshots__/layout-header--compressed-chromium.png b/packages/ui-next/__image_snapshots__/layout-header--compressed-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/layout-header--expanded-chromium.png b/packages/ui-next/__image_snapshots__/layout-header--expanded-chromium.png
diff --git a/...ges/ui-next/__image_snapshots__/layout-header--icon-component-prop-chromium.png b/...ges/ui-next/__image_snapshots__/layout-header--icon-component-prop-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/layout-header--icon-element-prop-chromium.png b/packages/ui-next/__image_snapshots__/layout-header--icon-element-prop-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/layout-header--very-long-title-chromium.png b/packages/ui-next/__image_snapshots__/layout-header--very-long-title-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-accordion--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-accordion--default-chromium.png
diff --git a/...es/ui-next/__image_snapshots__/primitives-alert--alert-destructive-chromium.png b/...es/ui-next/__image_snapshots__/primitives-alert--alert-destructive-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-alert--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-alert--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-badge--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-badge--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-badge--muted-chromium.png b/packages/ui-next/__image_snapshots__/primitives-badge--muted-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-badge--primary-chromium.png b/packages/ui-next/__image_snapshots__/primitives-badge--primary-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-badge--tab-chromium.png b/packages/ui-next/__image_snapshots__/primitives-badge--tab-chromium.png
diff --git a/...i-next/__image_snapshots__/primitives-breadcrumb--custom-separator-chromium.png b/...i-next/__image_snapshots__/primitives-breadcrumb--custom-separator-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-breadcrumb--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-breadcrumb--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-breadcrumb--ellipsis-chromium.png b/packages/ui-next/__image_snapshots__/primitives-breadcrumb--ellipsis-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--disabled-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--disabled-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--ghost-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--ghost-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--icon-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--icon-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--loading-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--loading-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--medium-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--medium-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--outline-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--outline-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--secondary-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--secondary-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-button--with-icon-chromium.png b/packages/ui-next/__image_snapshots__/primitives-button--with-icon-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-card--card-list-chromium.png b/packages/ui-next/__image_snapshots__/primitives-card--card-list-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-card--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-card--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-card--icon-header-chromium.png b/packages/ui-next/__image_snapshots__/primitives-card--icon-header-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-card--only-title-chromium.png b/packages/ui-next/__image_snapshots__/primitives-card--only-title-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-checkbox--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-checkbox--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-colors--accent-chromium.png b/packages/ui-next/__image_snapshots__/primitives-colors--accent-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-colors--destructive-chromium.png b/packages/ui-next/__image_snapshots__/primitives-colors--destructive-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-colors--muted-chromium.png b/packages/ui-next/__image_snapshots__/primitives-colors--muted-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-colors--others-chromium.png b/packages/ui-next/__image_snapshots__/primitives-colors--others-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-colors--surface-chromium.png b/packages/ui-next/__image_snapshots__/primitives-colors--surface-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-colors--text-chromium.png b/packages/ui-next/__image_snapshots__/primitives-colors--text-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-command--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-command--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-dialog--alert-dialog-chromium.png b/packages/ui-next/__image_snapshots__/primitives-dialog--alert-dialog-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-dialog--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-dialog--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-drawer--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-drawer--default-chromium.png
diff --git a/...ages/ui-next/__image_snapshots__/primitives-dropdown-menu--default-chromium.png b/...ages/ui-next/__image_snapshots__/primitives-dropdown-menu--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-hover-card--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-hover-card--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-icons--brand-chromium.png b/packages/ui-next/__image_snapshots__/primitives-icons--brand-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-icons--brand-color-chromium.png b/packages/ui-next/__image_snapshots__/primitives-icons--brand-color-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-icons--directional-chromium.png b/packages/ui-next/__image_snapshots__/primitives-icons--directional-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-icons--state-chromium.png b/packages/ui-next/__image_snapshots__/primitives-icons--state-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-icons--utility-chromium.png b/packages/ui-next/__image_snapshots__/primitives-icons--utility-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-input--clear-chromium.png b/packages/ui-next/__image_snapshots__/primitives-input--clear-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-input--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-input--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-input--loading-chromium.png b/packages/ui-next/__image_snapshots__/primitives-input--loading-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-label--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-label--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-menubar--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-menubar--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-popover--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-popover--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-progress--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-progress--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-radio-group--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-radio-group--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-select--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-select--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-separator--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-separator--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-sheet--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-sheet--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-skeleton--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-skeleton--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-sonner--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-sonner--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-switch--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-switch--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-table--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-table--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-tabs--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-tabs--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-textarea--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-textarea--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-toast--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-toast--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-toggle--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-toggle--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-toggle-group--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-toggle-group--default-chromium.png
diff --git a/packages/ui-next/__image_snapshots__/primitives-tooltip--default-chromium.png b/packages/ui-next/__image_snapshots__/primitives-tooltip--default-chromium.png
diff --git a/packages/ui-next/src/components/layout/header.stories.tsx b/packages/ui-next/src/components/layout/header.stories.tsx
@@ -3,6 +3,7 @@ import { EthereumIcon, TransferIcon } from "@cartridge/ui-next";
 import { LayoutHeader } from "./index";
 
 const meta: Meta<typeof LayoutHeader> = {
+  title: "Layout/Header",
   component: LayoutHeader,
   tags: ["autodocs"],
   parameters: {

diff --git a/packages/ui-next/src/components/modules/recipient/preview.tsx b/packages/ui-next/src/components/modules/recipient/preview.tsx
@@ -48,7 +48,7 @@ export const Preview = ({
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
     >
-      <div className="h-10 w-10 rounded-full overflow-hidden bg-background-100 flex items-center justify-center">
+      <div className="h-10 w-10 rounded-full overflow-hidden bg-background flex items-center justify-center">
         {getIcon(wallet)}
       </div>
       {name ? (

diff --git a/packages/ui-next/src/stories/accordion.stories.tsx b/packages/ui-next/src/stories/accordion.stories.tsx
@@ -8,7 +8,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import { CircleIcon, InfoIcon } from "../";
 
 const meta: Meta<typeof Accordion> = {
-  title: "Accordion",
+  title: "Primitives/Accordion",
   component: Accordion,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/alert.stories.tsx b/packages/ui-next/src/stories/alert.stories.tsx
@@ -8,7 +8,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Alert> = {
-  title: "Alert",
+  title: "Primitives/Alert",
   component: Alert,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/badge.stories.tsx b/packages/ui-next/src/stories/badge.stories.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/components/primitives/badge";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Badge> = {
-  title: "Badge",
+  title: "Primitives/Badge",
   component: Badge,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/breadcrumb.stories.tsx b/packages/ui-next/src/stories/breadcrumb.stories.tsx
@@ -11,7 +11,7 @@ import { SlashIcon } from "@/components/icons";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Breadcrumb> = {
-  title: "Breadcrumb",
+  title: "Primitives/Breadcrumb",
   component: Breadcrumb,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/button.stories.tsx b/packages/ui-next/src/stories/button.stories.tsx
@@ -3,7 +3,7 @@ import { Button } from "@/components/primitives/button";
 import { TimesIcon } from "@/components/icons/utility/times";
 
 const meta: Meta<typeof Button> = {
-  title: "Button",
+  title: "Primitives/Button",
   component: Button,
   parameters: {
     layout: "centered",

diff --git a/packages/ui-next/src/stories/card.stories.tsx b/packages/ui-next/src/stories/card.stories.tsx
@@ -14,7 +14,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import { useEffect } from "react";
 
 const meta: Meta<typeof Card> = {
-  title: "Card",
+  title: "Primitives/Card",
   component: Card,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/checkbox.stories.tsx b/packages/ui-next/src/stories/checkbox.stories.tsx
@@ -2,7 +2,7 @@ import { Checkbox as UICheckbox } from "@/components/primitives/checkbox";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Checkbox> = {
-  title: "Checkbox",
+  title: "Primitives/Checkbox",
   component: Checkbox,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/colors.stories.tsx b/packages/ui-next/src/stories/colors.stories.tsx
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import { PropsWithChildren } from "react";
 
 const meta: Meta<typeof Colors> = {
-  title: "Colors",
+  title: "Primitives/Colors",
   component: Colors,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/command.stories.tsx b/packages/ui-next/src/stories/command.stories.tsx
@@ -10,7 +10,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Command> = {
-  title: "Command",
+  title: "Primitives/Command",
   component: Command,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/dialog.stories.tsx b/packages/ui-next/src/stories/dialog.stories.tsx
@@ -20,7 +20,7 @@ import {
 } from "@/components/primitives/dialog";
 
 const meta: Meta<typeof Dialog> = {
-  title: "Dialog",
+  title: "Primitives/Dialog",
   component: Dialog,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/drawer.stories.tsx b/packages/ui-next/src/stories/drawer.stories.tsx
@@ -13,7 +13,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Drawer> = {
-  title: "Drawer",
+  title: "Primitives/Drawer",
   component: Drawer,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/dropdown-menu.stories.tsx b/packages/ui-next/src/stories/dropdown-menu.stories.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/primitives/dropdown-menu";
 
 const meta: Meta<typeof DropdownMenu> = {
-  title: "Dropdown Menu",
+  title: "Primitives/Dropdown Menu",
   component: DropdownMenu,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/hover-card.stories.tsx b/packages/ui-next/src/stories/hover-card.stories.tsx
@@ -6,7 +6,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof HoverCard> = {
-  title: "Hover Card",
+  title: "Primitives/Hover Card",
   component: HoverCard,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/icons.stories.tsx b/packages/ui-next/src/stories/icons.stories.tsx
@@ -24,7 +24,7 @@ const iconsByCategory = {
 };
 
 const meta: Meta<typeof Icons> = {
-  title: "Icons",
+  title: "Primitives/Icons",
   component: Icons,
   tags: ["autodocs"],
   argTypes: {

diff --git a/packages/ui-next/src/stories/input.stories.tsx b/packages/ui-next/src/stories/input.stories.tsx
@@ -2,7 +2,7 @@ import { Input } from "@/components/primitives/input";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Input> = {
-  title: "Input",
+  title: "Primitives/Input",
   component: Input,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/label.stories.tsx b/packages/ui-next/src/stories/label.stories.tsx
@@ -3,7 +3,7 @@ import { Label as UILabel } from "@/components/primitives/label";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Label> = {
-  title: "Label",
+  title: "Primitives/Label",
   component: Label,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/menubar.stories.tsx b/packages/ui-next/src/stories/menubar.stories.tsx
@@ -10,7 +10,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Menubar> = {
-  title: "Menubar",
+  title: "Primitives/Menubar",
   component: Menubar,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/popover.stories.tsx b/packages/ui-next/src/stories/popover.stories.tsx
@@ -6,7 +6,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Popover> = {
-  title: "Popover",
+  title: "Primitives/Popover",
   component: Popover,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/progress.stories.tsx b/packages/ui-next/src/stories/progress.stories.tsx
@@ -2,7 +2,7 @@ import { Progress as UIProgress } from "@/components/primitives/progress";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Progress> = {
-  title: "Progress",
+  title: "Primitives/Progress",
   component: Progress,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/radio-group.stories.tsx b/packages/ui-next/src/stories/radio-group.stories.tsx
@@ -6,7 +6,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof RadioGroup> = {
-  title: "Radio Group",
+  title: "Primitives/Radio Group",
   component: RadioGroup,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/select.stories.tsx b/packages/ui-next/src/stories/select.stories.tsx
@@ -8,7 +8,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Select> = {
-  title: "Select",
+  title: "Primitives/Select",
   component: Select,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/separator.stories.tsx b/packages/ui-next/src/stories/separator.stories.tsx
@@ -2,7 +2,7 @@ import { Separator as UISeparator } from "@/components/primitives/separator";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Separator> = {
-  title: "Separator",
+  title: "Primitives/Separator",
   component: Separator,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/sheet.stories.tsx b/packages/ui-next/src/stories/sheet.stories.tsx
@@ -9,7 +9,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Sheet> = {
-  title: "Sheet",
+  title: "Primitives/Sheet",
   component: Sheet,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/skeleton.stories.tsx b/packages/ui-next/src/stories/skeleton.stories.tsx
@@ -2,7 +2,7 @@ import { Skeleton as UISkeleton } from "@/components/primitives/skeleton";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Skeleton> = {
-  title: "Skeleton",
+  title: "Primitives/Skeleton",
   component: Skeleton,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/sonner.stories.tsx b/packages/ui-next/src/stories/sonner.stories.tsx
@@ -3,7 +3,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import { toast } from "sonner";
 
 const meta: Meta<typeof Sonner> = {
-  title: "Sonner",
+  title: "Primitives/Sonner",
   component: Sonner,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/switch.stories.tsx b/packages/ui-next/src/stories/switch.stories.tsx
@@ -2,7 +2,7 @@ import { Switch as UISwitch } from "@/components/primitives/switch";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Switch> = {
-  title: "Switch",
+  title: "Primitives/Switch",
   component: Switch,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/table.stories.tsx b/packages/ui-next/src/stories/table.stories.tsx
@@ -11,7 +11,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Table> = {
-  title: "Table",
+  title: "Primitives/Table",
   component: Table,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/tabs.stories.tsx b/packages/ui-next/src/stories/tabs.stories.tsx
@@ -7,7 +7,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Tabs> = {
-  title: "Tabs",
+  title: "Primitives/Tabs",
   component: Tabs,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/textarea.stories.tsx b/packages/ui-next/src/stories/textarea.stories.tsx
@@ -2,7 +2,7 @@ import { Textarea as UITextarea } from "@/components/primitives/textarea";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Textarea> = {
-  title: "Textarea",
+  title: "Primitives/Textarea",
   component: Textarea,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/toast.stories.tsx b/packages/ui-next/src/stories/toast.stories.tsx
@@ -3,7 +3,7 @@ import { useToast } from "@/components/primitives/use-toast";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Toast> = {
-  title: "Toast",
+  title: "Primitives/Toast",
   component: Toast,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/toggle-group.stories.tsx b/packages/ui-next/src/stories/toggle-group.stories.tsx
@@ -5,7 +5,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof ToggleGroup> = {
-  title: "Toggle Group",
+  title: "Primitives/Toggle Group",
   component: ToggleGroup,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/toggle.stories.tsx b/packages/ui-next/src/stories/toggle.stories.tsx
@@ -3,7 +3,7 @@ import { Toggle as UIToggle } from "@/components/primitives/toggle";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Toggle> = {
-  title: "Toggle",
+  title: "Primitives/Toggle",
   component: Toggle,
   tags: ["autodocs"],
 };

diff --git a/packages/ui-next/src/stories/tooltip.stories.tsx b/packages/ui-next/src/stories/tooltip.stories.tsx
@@ -7,7 +7,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Tooltip> = {
-  title: "Tooltip",
+  title: "Primitives/Tooltip",
   component: Tooltip,
   tags: ["autodocs"],
 };