feta: v3 make the layout file in components folder for meta

apps/website/app/ui/docs/components/Input/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Input, InputField, InputIcon, InputSlot } from '@/components/ui/input';
 import { FormControl } from '@/components/ui/form-control';
 import { VStack } from '@/components/ui/vstack';

apps/website/app/ui/docs/components/Input/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/accordion/index.mdx

@@ -1,8 +1,12 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTitleText, AccordionContent, AccordionContentText, AccordionIcon } from '@/components/ui/accordion';
 import { Divider } from '@/components/ui/divider';
 import { ChevronDownIcon, ChevronUpIcon, AddIcon, RemoveIcon } from '@/components/ui/icon';
 
+<Meta pageTitle="Accordion" pageDescription="Explore gluestack's Accordion component for Expo, next.js, React & React Native. Build sleek, interactive accordions with ease." />
+
+
 import {Tabs,TabItem} from '@/docs-components/tabs'
 import {Table,TableHeader,TableCell,TableHeaderCell,TableBody,TableRow} from '@/docs-components/table'
 import {InlineCode} from '@/docs-components/inline-code'

apps/website/app/ui/docs/components/accordion/layout.tsx

@@ -0,0 +1,25 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+    "title": "Accordion Component | gluestack-ui | Installation, Usage & API",
+    "description": "Explore gluestack's Accordion component for Expo, next.js, React & React Native. Build sleek, interactive accordions with ease.",
+    "pageTitle": "Accordion",
+    "pageDescription": "Explore gluestack's Accordion component for Expo, next.js, React & React Native. Build sleek, interactive accordions with ease.",
+    "showHeader": true
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/actionsheet/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Actionsheet, ActionsheetContent, ActionsheetItem, ActionsheetItemText, ActionsheetDragIndicator, ActionsheetDragIndicatorWrapper, ActionsheetBackdrop, ActionsheetIcon, ActionsheetVirtualizedList, ActionsheetFlatList, ActionsheetSectionList, ActionsheetSectionHeaderText } from '@/components/ui/actionsheet';
 import { Button, ButtonText, ButtonGroup } from '@/components/ui/button';
 import { VStack } from '@/components/ui/vstack';

apps/website/app/ui/docs/components/actionsheet/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/alert-dialog/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogBody, AlertDialogBackdrop } from '@/components/ui/alert-dialog';
 import { Button, ButtonText } from '@/components/ui/button';
 import { Text } from '@/components/ui/text';

apps/website/app/ui/docs/components/alert-dialog/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/alert/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Alert, AlertText, AlertIcon } from '@/components/ui/alert';
 import { InfoIcon, Icon, CloseIcon, EyeIcon, EyeOffIcon } from '@/components/ui/icon';
 import { VStack } from '@/components/ui/vstack';

apps/website/app/ui/docs/components/alert/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/all-components/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 
 import AllComponents from "@/components/page-components/all-components";
 

apps/website/app/ui/docs/components/all-components/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/avatar/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Avatar, AvatarFallbackText, AvatarImage, AvatarBadge, AvatarGroup } from '@/components/ui/avatar';
 import { Heading } from '@/components/ui/heading';
 import { HStack } from '@/components/ui/hstack';

apps/website/app/ui/docs/components/avatar/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/badge/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Badge, BadgeText, BadgeIcon } from '@/components/ui/badge';
 import { GlobeIcon } from '@/components/ui/icon';
 import { Avatar, AvatarFallbackText, AvatarImage } from '@/components/ui/avatar';

apps/website/app/ui/docs/components/badge/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/bottomsheet/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 
 # BottomSheet
 

apps/website/app/ui/docs/components/bottomsheet/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/box/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Box } from '@/components/ui/box';
 import { Text } from '@/components/ui/text';
 

apps/website/app/ui/docs/components/box/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/button/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Button, ButtonText, ButtonSpinner, ButtonIcon } from '@/components/ui/button';
 import { EditIcon, ArrowUpIcon, InfoIcon, AddIcon, ArrowLeftIcon } from '@/components/ui/icon';
 import { Box } from '@/components/ui/box';

apps/website/app/ui/docs/components/button/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/card/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Card } from '@/components/ui/card';
 import { Heading } from '@/components/ui/heading';
 import { Text } from '@/components/ui/text';

apps/website/app/ui/docs/components/card/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/center/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Center } from '@/components/ui/center';
 import { Text } from '@/components/ui/text';
 

apps/website/app/ui/docs/components/center/layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import { Metadata } from 'next';
+
+ export const metadata: Metadata = {
+
+ }
+
+export default function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <>
+      {children}
+    </>
+  );
+}

apps/website/app/ui/docs/components/checkbox/index.mdx

@@ -1,4 +1,5 @@
 import { CodePreviewer } from '@/components/custom/code-previewer';
+import { Meta } from '@/components/custom/meta';
 import { Checkbox, CheckboxIndicator, CheckboxLabel, CheckboxIcon, CheckboxGroup } from '@/components/ui/checkbox';
 import { CheckIcon } from '@/components/ui/icon';
 import { VStack } from '@/components/ui/vstack';