Add tooltip component

lerna.json

@@ -2,5 +2,5 @@
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "0.1.0"
+  "version": "1.0.0-alpha.0"
 }

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-next-components",
-  "version": "0.1.0",
+  "version": "1.0.0-alpha.0",
   "type": "module",
   "exports": {
     "./Button": "./dist/Button.js",

packages/components/src/components/Avatar/stories/Default.stories.tsx

@@ -6,7 +6,7 @@ import { Image } from "@/components/Image";
 import { dummyText } from "@/lib/dev/dummyText";
 
 const meta: Meta<typeof Avatar> = {
-  title: "Avatar",
+  title: "Content/Avatar",
   component: Avatar,
   render: (props) => (
     <Avatar {...props}>

packages/components/src/components/Avatar/stories/Variants.stories.tsx

@@ -4,7 +4,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Avatar> = {
   ...defaultMeta,
-  title: "Avatar/Variants",
+  title: "Content/Avatar/Variants",
 };
 export default meta;
 

packages/components/src/components/Badge/stories/Default.stories.tsx

@@ -6,7 +6,7 @@ import { Icon } from "@/components/Icon";
 import { Text } from "@/components/Text";
 
 const meta: Meta<typeof Badge> = {
-  title: "Badge",
+  title: "Status/Badge",
   component: Badge,
   argTypes: {
     variant: {

packages/components/src/components/Badge/stories/EdgeCases.stories.tsx

@@ -6,7 +6,7 @@ import { dummyText } from "@/lib/dev/dummyText";
 
 const meta: Meta<typeof Badge> = {
   ...defaultMeta,
-  title: "Badge/EdgeCases",
+  title: "Status/Badge/EdgeCases",
 };
 export default meta;
 

packages/components/src/components/Badge/stories/Variants.stories.tsx

@@ -5,7 +5,7 @@ import React from "react";
 
 const meta: Meta<typeof Badge> = {
   ...defaultMeta,
-  title: "Badge/Variants",
+  title: "Status/Badge/Variants",
 };
 export default meta;
 

packages/components/src/components/Button/stories/Default.stories.tsx

@@ -7,7 +7,7 @@ import { Text } from "@/components/Text";
 import { action } from "@storybook/addon-actions";
 
 const meta: Meta<typeof Button> = {
-  title: "Button",
+  title: "Buttons/Button",
   component: Button,
   args: {
     onPress: action("onPress"),

packages/components/src/components/Button/stories/EdgeCases.stories.tsx

@@ -9,7 +9,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Button> = {
   ...defaultMeta,
-  title: "Button/Edge Cases",
+  title: "Buttons/Button/Edge Cases",
 };
 export default meta;
 

packages/components/src/components/Button/stories/Variants.stories.tsx

@@ -4,7 +4,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Button> = {
   ...defaultMeta,
-  title: "Button/Variants",
+  title: "Buttons/Button/Variants",
 };
 
 export default meta;

packages/components/src/components/Checkbox/stories/Default.stories.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { action } from "@storybook/addon-actions";
 
 const meta: Meta<typeof Checkbox> = {
-  title: "Checkbox",
+  title: "Forms/Checkbox",
   component: Checkbox,
   args: {
     onChange: action("onChange"),

packages/components/src/components/Checkbox/stories/EdgeCases.stories.tsx

@@ -5,7 +5,7 @@ import defaultMeta from "./Default.stories";
 import { dummyText } from "@/lib/dev/dummyText";
 
 const meta: Meta<typeof Checkbox> = {
-  title: "Checkbox/EdgeCases",
+  title: "Forms/Checkbox/EdgeCases",
   ...defaultMeta,
 };
 

packages/components/src/components/Content/stories/Default.stories.tsx

@@ -3,7 +3,7 @@ import Content from "../Content";
 import React from "react";
 
 const meta: Meta<typeof Content> = {
-  title: "Content",
+  title: "Content/Content",
   component: Content,
   argTypes: {
     elementType: {

packages/components/src/components/Heading/stories/Default.stories.tsx

@@ -3,7 +3,7 @@ import Heading from "../Heading";
 import React from "react";
 
 const meta: Meta<typeof Heading> = {
-  title: "Heading",
+  title: "Content/Heading",
   component: Heading,
   argTypes: {
     level: {

packages/components/src/components/Heading/stories/Levels.stories.tsx

@@ -4,7 +4,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Heading> = {
   ...defaultMeta,
-  title: "Heading/Levels",
+  title: "Content/Heading/Levels",
   component: Heading,
 };
 export default meta;

packages/components/src/components/Icon/stories/Default.stories.tsx

@@ -4,7 +4,7 @@ import { faStar } from "@fortawesome/free-regular-svg-icons/faStar";
 import React from "react";
 
 const meta: Meta<typeof Icon> = {
-  title: "Icon",
+  title: "Content/Icon",
   component: Icon,
   args: {
     fontSize: 32,

packages/components/src/components/Image/stories/Default.stories.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { dummyText } from "@/lib/dev/dummyText";
 
 const meta: Meta<typeof Image> = {
-  title: "Image",
+  title: "Content/Image",
   component: Image,
   render: (props) => <Image {...props} alt="Gopher" src={dummyText.imageSrc} />,
 };

packages/components/src/components/Initials/stories/Default.stories.tsx

@@ -3,7 +3,7 @@ import Initials from "../Initials";
 import React from "react";
 
 const meta: Meta<typeof Initials> = {
-  title: "Initials",
+  title: "Content/Initials",
   component: Initials,
   render: (props) => <Initials {...props}>Max Mustermann</Initials>,
   parameters: {

packages/components/src/components/Initials/stories/Variants.stories.tsx

@@ -5,7 +5,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Initials> = {
   ...defaultMeta,
-  title: "Initials/Variants",
+  title: "Content/Initials/Variants",
 };
 export default meta;
 

packages/components/src/components/Label/stories/Default.stories.tsx

@@ -3,7 +3,7 @@ import Label from "../Label";
 import React from "react";
 
 const meta: Meta<typeof Label> = {
-  title: "Label",
+  title: "Content/Label",
   component: Label,
   render: (props) => <Label {...props}>Label</Label>,
 };

packages/components/src/components/Link/stories/Default.stories.tsx

@@ -4,7 +4,7 @@ import { action } from "@storybook/addon-actions";
 import React from "react";
 
 const meta: Meta<typeof Link> = {
-  title: "Link",
+  title: "Navigation/Link",
   component: Link,
   args: {
     onPress: action("onPress"),

packages/components/src/components/Navigation/stories/Default.stories.tsx

@@ -8,7 +8,7 @@ import { Text } from "@/components/Text";
 import { Navigation, NavigationItem } from "@/components/Navigation";
 
 const meta: Meta<typeof Navigation> = {
-  title: "Navigation",
+  title: "Navigation/Navigation",
   component: Navigation,
   parameters: {
     controls: { exclude: ["className"] },

packages/components/src/components/Note/stories/Default.stories.tsx

@@ -7,7 +7,7 @@ import { Icon } from "@/components/Icon";
 import { faEnvelope } from "@fortawesome/free-regular-svg-icons";
 
 const meta: Meta<typeof Note> = {
-  title: "Note",
+  title: "Status/Note",
   component: Note,
   argTypes: {
     variant: {

packages/components/src/components/Note/stories/EdgeCases.stories.tsx

@@ -8,7 +8,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Note> = {
   ...defaultMeta,
-  title: "Note/Edge Cases",
+  title: "Status/Note/Edge Cases",
 };
 
 export default meta;

packages/components/src/components/Note/stories/Variants.stories.tsx

@@ -7,7 +7,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Note> = {
   ...defaultMeta,
-  title: "Note/Variants",
+  title: "Status/Note/Variants",
 };
 
 export default meta;

packages/components/src/components/RadioGroup/stories/Default.stories.tsx

@@ -10,7 +10,7 @@ import { action } from "@storybook/addon-actions";
 import { FieldError } from "@/components/FieldError";
 
 const meta: Meta<typeof RadioGroup> = {
-  title: "RadioGroup",
+  title: "Forms/RadioGroup",
   component: RadioGroup,
   args: {
     onChange: action("onChange"),

packages/components/src/components/RadioGroup/stories/EdgeCases.stories.tsx

@@ -9,7 +9,7 @@ import { dummyText } from "@/lib/dev/dummyText";
 import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof RadioGroup> = {
-  title: "RadioGroup/EdgeCases",
+  title: "Forms/RadioGroup/EdgeCases",
   ...defaultMeta,
 };
 

packages/components/src/components/StatusIcon/stories/Default.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import StatusIcon from "../StatusIcon";
 
 const meta: Meta<typeof StatusIcon> = {
-  title: "StatusIcon",
+  title: "Status/StatusIcon",
   component: StatusIcon,
   argTypes: {
     variant: {

packages/components/src/components/Switch/stories/Default.stories.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { action } from "@storybook/addon-actions";
 
 const meta: Meta<typeof Switch> = {
-  title: "Switch",
+  title: "Forms/Switch",
   component: Switch,
   args: {
     onChange: action("onChange"),

packages/components/src/components/Switch/stories/EdgeCases.stories.tsx

@@ -6,7 +6,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Switch> = {
   ...defaultMeta,
-  title: "Switch/Edge Cases",
+  title: "Forms/Switch/Edge Cases",
 };
 
 export default meta;

packages/components/src/components/Switch/stories/Variants.stories.tsx

@@ -4,7 +4,7 @@ import defaultMeta from "./Default.stories";
 
 const meta: Meta<typeof Switch> = {
   ...defaultMeta,
-  title: "Switch/Variants",
+  title: "Forms/Switch/Variants",
   args: { defaultSelected: true },
 };
 

packages/components/src/components/Text/stories/Default.stories.tsx

@@ -3,7 +3,7 @@ import Text from "../Text";
 import React from "react";
 
 const meta: Meta<typeof Text> = {
-  title: "Text",
+  title: "Content/Text",
   component: Text,
   argTypes: {
     elementType: {

packages/components/src/components/TextArea/stories/Default.stories.tsx

@@ -7,7 +7,7 @@ import FieldDescription from "@/components/FieldDescription/FieldDescription";
 import { FieldError } from "@/components/FieldError";
 
 const meta: Meta<typeof TextArea> = {
-  title: "TextArea",
+  title: "Forms/TextArea",
   component: TextArea,
   render: (props) => (
     <TextArea onChange={action("onChange")} {...props}>

packages/components/src/components/TextField/stories/Default.stories.tsx

@@ -9,7 +9,7 @@ import { Button } from "@/components/Button";
 import { FieldError } from "@/components/FieldError";
 
 const meta: Meta<typeof TextField> = {
-  title: "TextField",
+  title: "Forms/TextField",
   component: TextField,
   render: (props) => (
     <TextField onChange={action("onChange")} {...props}>

packages/components/src/components/Tooltip/stories/Default.stories.tsx

@@ -7,7 +7,7 @@ import { Icon } from "@/components/Icon";
 import { faCopy } from "@fortawesome/free-regular-svg-icons/faCopy";
 
 const meta: Meta<typeof Tooltip> = {
-  title: "Tooltip",
+  title: "Overlays/Tooltip",
   component: Tooltip,
   render: () => (
     <TooltipTrigger>

packages/components/src/components/Tooltip/stories/EdgeCases.stories.tsx

@@ -10,7 +10,7 @@ import { dummyText } from "@/lib/dev/dummyText";
 
 const meta: Meta<typeof Tooltip> = {
   ...defaultMeta,
-  title: "Tooltip/Edge Cases",
+  title: "Overlays/Tooltip/Edge Cases",
   render: () => (
     <TooltipTrigger>
       <Button aria-label="copy">

packages/design-tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-next-design-tokens",
-  "version": "0.1.0",
+  "version": "1.0.0-alpha.0",
   "type": "module",
   "exports": {
     ".": "./dist/variables.css"

packages/stylesheet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-next-stylesheet",
-  "version": "0.1.0",
+  "version": "1.0.0-alpha.0",
   "type": "module",
   "exports": {
     ".": "./dist/style.css"