docs: ✏️ images

src/components/images/CountryFlag/CountryFlag.stories.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CountryFlag } from './CountryFlag';
+
+const meta = {
+  title: 'Images/CountryFlag',
+  component: CountryFlag,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof CountryFlag>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    countryCode: 'CN',
+    width: 24,
+  },
+};

src/components/CountryFlag.tsx → src/components/images/CountryFlag/CountryFlag.tsx

@@ -1,6 +1,6 @@
 import { emojiFlag } from '@rapideditor/country-coder';
 import type { CountryCode } from 'libphonenumber-js';
-import { EmojiSVG } from './EmojiSVG';
+import { EmojiSVG } from '../EmojiSVG/EmojiSVG';
 
 type CountryFlagProps = {
   width?: string | number;

src/components/images/CountryFlag/index.ts

@@ -0,0 +1 @@
+export * from './CountryFlag';

src/components/images/EmojiSVG/EmojiSVG.stories.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EmojiSVG } from './EmojiSVG';
+
+const meta = {
+  title: 'Images/EmojiSVG',
+  component: EmojiSVG,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof EmojiSVG>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    emoji: '🌐',
+    width: 24,
+  },
+};

src/components/images/EmojiSVG/index.ts

@@ -0,0 +1 @@
+export * from './EmojiSVG';

src/components/images/index.ts

@@ -0,0 +1,2 @@
+export * from './EmojiSVG';
+export * from './CountryFlag';

src/components/index.ts

@@ -1,4 +1,2 @@
-export * from './EmojiSVG';
-export * from './CountryFlag';
-export * from './InputIntlPhone';
-export * from './InputPhone';
+export * from './images';
+export * from './inputs';

src/components/inputs/index.ts

@@ -0,0 +1,2 @@
+export * from './InputPhone';
+export * from './InputIntlPhone';

src/index.ts

@@ -1 +1 @@
-export * from 'src/components';
+export * from './components';