@ansiversa/components 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.ts +15 -5
- package/package.json +1 -1
- package/src/layouts/AuthLayout.astro +51 -0
- package/src/layouts/WebLayout.astro +75 -0
- package/src/MyComponent.astro +0 -8
package/index.ts
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export { default as WebLayout } from "./src/layouts/WebLayout.astro";
|
|
2
|
+
export { default as AuthLayout } from "./src/layouts/AuthLayout.astro";
|
|
3
|
+
export { default as AvBrand } from './src/AvBrand.astro';
|
|
4
|
+
export { default as AvButton } from './src/AvButton.astro';
|
|
5
|
+
export { default as AvCard } from './src/AvCard.astro';
|
|
6
|
+
export { default as AvCheckbox } from './src/AvCheckbox.astro';
|
|
7
|
+
export { default as AvContainer } from './src/AvContainer.astro';
|
|
8
|
+
export { default as AvDivider } from './src/AvDivider.astro';
|
|
9
|
+
export { default as AvFeatureItem } from './src/AvFeatureItem.astro';
|
|
10
|
+
export { default as AvFeatureList } from './src/AvFeatureList.astro';
|
|
11
|
+
export { default as AvFooter } from './src/AvFooter.astro';
|
|
12
|
+
export { default as AvInput } from './src/AvInput.astro';
|
|
13
|
+
export { default as AvNavbar } from './src/AvNavbar.astro';
|
|
14
|
+
export { default as AvNavbarActions } from './src/AvNavbarActions.astro';
|
|
15
|
+
export { default as AvTimeline } from './src/AvTimeline.astro';
|
|
3
16
|
|
|
4
|
-
import MyComponent from './src/MyComponent.astro';
|
|
5
|
-
|
|
6
|
-
export default MyComponent;
|
package/package.json
CHANGED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
---
|
|
2
|
+
interface Props {
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
const {
|
|
8
|
+
title = "Ansiversa",
|
|
9
|
+
description = "Ansiversa – A unified ecosystem of premium Apps designed to feel simple, powerful, and delightful.",
|
|
10
|
+
} = Astro.props;
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
<html lang="en" data-theme="dark">
|
|
15
|
+
<head>
|
|
16
|
+
<meta charset="utf-8" />
|
|
17
|
+
<meta name="viewport" content="width=device-width" />
|
|
18
|
+
<meta name="generator" content={Astro.generator} />
|
|
19
|
+
|
|
20
|
+
<title>{title}</title>
|
|
21
|
+
<meta name="description" content={description} />
|
|
22
|
+
|
|
23
|
+
<!-- Favicon (our new circular SVG) -->
|
|
24
|
+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
25
|
+
|
|
26
|
+
<!-- Theme colors -->
|
|
27
|
+
<meta name="theme-color" content="#020617" />
|
|
28
|
+
<meta name="color-scheme" content="dark" />
|
|
29
|
+
|
|
30
|
+
<!-- Open Graph -->
|
|
31
|
+
<meta property="og:type" content="website" />
|
|
32
|
+
<meta property="og:title" content={title} />
|
|
33
|
+
<meta property="og:description" content={description} />
|
|
34
|
+
<meta property="og:site_name" content="Ansiversa" />
|
|
35
|
+
<meta property="og:url" content="https://ansiversa.com" />
|
|
36
|
+
|
|
37
|
+
<!-- Twitter -->
|
|
38
|
+
<meta name="twitter:card" content="summary_large_image" />
|
|
39
|
+
<meta name="twitter:title" content={title} />
|
|
40
|
+
<meta name="twitter:description" content={description} />
|
|
41
|
+
|
|
42
|
+
<!-- Slot for page-specific head tags if needed later -->
|
|
43
|
+
<slot name="head" />
|
|
44
|
+
</head>
|
|
45
|
+
|
|
46
|
+
<body class="av-page">
|
|
47
|
+
<main class="av-main">
|
|
48
|
+
<slot />
|
|
49
|
+
</main>
|
|
50
|
+
</body>
|
|
51
|
+
</html>
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
---
|
|
2
|
+
import AvBrand from "../AvBrand.astro";
|
|
3
|
+
import AvFooter from "../AvFooter.astro";
|
|
4
|
+
import AvNavbar from "../AvNavbar.astro";
|
|
5
|
+
import AvNavbarActions from "../AvNavbarActions.astro";
|
|
6
|
+
|
|
7
|
+
interface Props {
|
|
8
|
+
title?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const {
|
|
13
|
+
title = "Ansiversa",
|
|
14
|
+
description = "Ansiversa – A unified ecosystem of premium Apps designed to feel simple, powerful, and delightful.",
|
|
15
|
+
} = Astro.props;
|
|
16
|
+
|
|
17
|
+
const user = Astro.locals.user;
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
<html lang="en" data-theme="dark">
|
|
23
|
+
<head>
|
|
24
|
+
<meta charset="utf-8" />
|
|
25
|
+
<meta name="viewport" content="width=device-width" />
|
|
26
|
+
<meta name="generator" content={Astro.generator} />
|
|
27
|
+
|
|
28
|
+
<title>{title}</title>
|
|
29
|
+
<meta name="description" content={description} />
|
|
30
|
+
|
|
31
|
+
<!-- Favicon (our new circular SVG) -->
|
|
32
|
+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
33
|
+
|
|
34
|
+
<!-- Theme colors -->
|
|
35
|
+
<meta name="theme-color" content="#020617" />
|
|
36
|
+
<meta name="color-scheme" content="dark" />
|
|
37
|
+
|
|
38
|
+
<!-- Open Graph -->
|
|
39
|
+
<meta property="og:type" content="website" />
|
|
40
|
+
<meta property="og:title" content={title} />
|
|
41
|
+
<meta property="og:description" content={description} />
|
|
42
|
+
<meta property="og:site_name" content="Ansiversa" />
|
|
43
|
+
<meta property="og:url" content="https://ansiversa.com" />
|
|
44
|
+
|
|
45
|
+
<!-- Twitter -->
|
|
46
|
+
<meta name="twitter:card" content="summary_large_image" />
|
|
47
|
+
<meta name="twitter:title" content={title} />
|
|
48
|
+
<meta name="twitter:description" content={description} />
|
|
49
|
+
|
|
50
|
+
<!-- Slot for page-specific head tags if needed later -->
|
|
51
|
+
<slot name="head" />
|
|
52
|
+
</head>
|
|
53
|
+
|
|
54
|
+
<body class="av-page">
|
|
55
|
+
<!-- Top Navigation -->
|
|
56
|
+
<AvNavbar>
|
|
57
|
+
<AvBrand />
|
|
58
|
+
<AvNavbarActions user={user} />
|
|
59
|
+
</AvNavbar>
|
|
60
|
+
|
|
61
|
+
<!-- Main content -->
|
|
62
|
+
<main class="av-main">
|
|
63
|
+
<slot />
|
|
64
|
+
</main>
|
|
65
|
+
|
|
66
|
+
<!-- Footer -->
|
|
67
|
+
<AvFooter
|
|
68
|
+
links={[
|
|
69
|
+
{ label: "Terms", href: "/legal/terms" },
|
|
70
|
+
{ label: "Privacy", href: "/legal/privacy" },
|
|
71
|
+
{ label: "Contact", href: "/contact" }
|
|
72
|
+
]}
|
|
73
|
+
/>
|
|
74
|
+
</body>
|
|
75
|
+
</html>
|