@coffic/cosy-ui 0.6.42 → 0.7.2

package/dist/button/ButtonBasicContainer.astro

@@ -1,17 +1,11 @@
 ---
 import { CodeContainer } from '../index';
 import ButtonBasic from './ButtonBasic.astro';
-import VueButtonBasic from './ButtonBasic.vue';
 import ButtonBasicSourceCode from './ButtonBasic.astro?raw';
-import VueButtonBasicSourceCode from './ButtonBasic.vue?raw';
 ---
 
-<CodeContainer codes={[ButtonBasicSourceCode, VueButtonBasicSourceCode]} titles={['Astro', 'Vue']}>
+<CodeContainer codes={[ButtonBasicSourceCode]} titles={['Basic']}>
 	<div id="tab-1">
 		<ButtonBasic />
 	</div>
-
-	<div id="tab-2">
-		<VueButtonBasic client:load />
-	</div>
 </CodeContainer>

package/dist/button/ButtonLinkContainer.astro

@@ -1,16 +1,14 @@
 ---
 import { CodeContainer } from '../index';
 import ButtonLink from './ButtonLink.astro';
-import VueButtonLink from './ButtonLink.vue';
 import ButtonLinkExternal from './ButtonLinkExternal.astro';
 import ButtonLinkSourceCode from './ButtonLink.astro?raw';
-import VueButtonLinkSourceCode from './ButtonLink.vue?raw';
 import ButtonLinkExternalSourceCode from './ButtonLinkExternal.astro?raw';
 ---
 
 <CodeContainer
 	titles={['基础链接', '外部链接', 'Vue']}
-	codes={[ButtonLinkSourceCode, ButtonLinkExternalSourceCode, VueButtonLinkSourceCode]}>
+	codes={[ButtonLinkSourceCode, ButtonLinkExternalSourceCode]}>
 	<div id="tab-1">
 		<ButtonLink />
 	</div>
@@ -18,8 +16,4 @@ import ButtonLinkExternalSourceCode from './ButtonLinkExternal.astro?raw';
 	<div id="tab-2">
 		<ButtonLinkExternal />
 	</div>
-
-	<div id="tab-3">
-		<VueButtonLink client:load />
-	</div>
 </CodeContainer>

package/dist/button/ButtonSizesContainer.astro

@@ -1,17 +1,11 @@
 ---
 import { CodeContainer } from '../index';
 import ButtonSizes from './ButtonSizes.astro';
-import VueButtonSizes from './ButtonSizes.vue';
 import ButtonSizesSourceCode from './ButtonSizes.astro?raw';
-import VueButtonSizesSourceCode from './ButtonSizes.vue?raw';
 ---
 
-<CodeContainer codes={[ButtonSizesSourceCode, VueButtonSizesSourceCode]} titles={['Astro', 'Vue']}>
+<CodeContainer codes={[ButtonSizesSourceCode]}>
 	<div id="tab-1">
 		<ButtonSizes />
 	</div>
-
-	<div id="tab-2">
-		<VueButtonSizes client:load />
-	</div>
 </CodeContainer>

package/dist/button/ButtonVariantsContainer.astro

@@ -8,7 +8,6 @@ import ButtonGhost from './ButtonGhost.astro';
 import ButtonLink from './ButtonLink.astro';
 import ButtonOutline from './ButtonOutline.astro';
 import ButtonNeutral from './ButtonNeutral.astro';
-import VueButtonVariants from './ButtonVariants.vue';
 import ButtonInfoSourceCode from './ButtonInfo.astro?raw';
 import ButtonSuccessSourceCode from './ButtonSuccess.astro?raw';
 import ButtonWarningSourceCode from './ButtonWarning.astro?raw';
@@ -17,11 +16,10 @@ import ButtonGhostSourceCode from './ButtonGhost.astro?raw';
 import ButtonLinkSourceCode from './ButtonLink.astro?raw';
 import ButtonOutlineSourceCode from './ButtonOutline.astro?raw';
 import ButtonNeutralSourceCode from './ButtonNeutral.astro?raw';
-import VueButtonVariantsSourceCode from './ButtonVariants.vue?raw';
 ---
 
 <CodeContainer
-	titles={['Info', 'Success', 'Warning', 'Error', 'Ghost', 'Link', 'Outline', 'Neutral', 'Vue']}
+	titles={['Info', 'Success', 'Warning', 'Error', 'Ghost', 'Link', 'Outline', 'Neutral']}
 	codes={[
 		ButtonInfoSourceCode,
 		ButtonSuccessSourceCode,
@@ -31,7 +29,6 @@ import VueButtonVariantsSourceCode from './ButtonVariants.vue?raw';
 		ButtonLinkSourceCode,
 		ButtonOutlineSourceCode,
 		ButtonNeutralSourceCode,
-		VueButtonVariantsSourceCode,
 	]}>
 	<div id="tab-1">
 		<ButtonInfo />
@@ -64,8 +61,4 @@ import VueButtonVariantsSourceCode from './ButtonVariants.vue?raw';
 	<div id="tab-8">
 		<ButtonNeutral />
 	</div>
-
-	<div id="tab-9">
-		<VueButtonVariants client:load />
-	</div>
 </CodeContainer>

package/dist/button/ButtonWithIconsContainer.astro

@@ -3,21 +3,14 @@ import { CodeContainer } from '../index';
 import ButtonIconLeft from './ButtonIconLeft.astro';
 import ButtonIconRight from './ButtonIconRight.astro';
 import ButtonIconBoth from './ButtonIconBoth.astro';
-import VueButtonWithIcons from './ButtonWithIcons.vue';
 import ButtonIconLeftSourceCode from './ButtonIconLeft.astro?raw';
 import ButtonIconRightSourceCode from './ButtonIconRight.astro?raw';
 import ButtonIconBothSourceCode from './ButtonIconBoth.astro?raw';
-import VueButtonWithIconsSourceCode from './ButtonWithIcons.vue?raw';
 ---
 
 <CodeContainer
-	titles={['左侧图标', '右侧图标', '两侧图标', 'Vue']}
-	codes={[
-		ButtonIconLeftSourceCode,
-		ButtonIconRightSourceCode,
-		ButtonIconBothSourceCode,
-		VueButtonWithIconsSourceCode,
-	]}>
+	titles={['左侧图标', '右侧图标', '两侧图标']}
+	codes={[ButtonIconLeftSourceCode, ButtonIconRightSourceCode, ButtonIconBothSourceCode]}>
 	<div id="tab-1">
 		<ButtonIconLeft />
 	</div>
@@ -29,8 +22,4 @@ import VueButtonWithIconsSourceCode from './ButtonWithIcons.vue?raw';
 	<div id="tab-3">
 		<ButtonIconBoth />
 	</div>
-
-	<div id="tab-4">
-		<VueButtonWithIcons client:load />
-	</div>
 </CodeContainer>

package/dist/button/index_astro.ts

@@ -24,7 +24,6 @@ import ButtonLink from './ButtonLink.astro';
 import ButtonLinkExternal from './ButtonLinkExternal.astro';
 import ButtonOutline from './ButtonOutline.astro';
 import ButtonNeutral from './ButtonNeutral.astro';
-import ButtonFeatureContainer from './ButtonFeatureContainer.astro';
 
 export {
 	Button
@@ -59,6 +58,5 @@ export const ButtonPackage = {
 		Width: ButtonWidthContainer,
 		Variants: ButtonVariantsContainer,
 		Link: ButtonLinkContainer,
-		Feature: ButtonFeatureContainer,
 	}
-};
+};

package/dist/code-container/CodeContainer.astro

@@ -84,7 +84,7 @@ const { titles = [], descriptions = [], codes } = Astro.props;
 				data-example={`tab-${index + 1}`}>
 				{/* 描述 */}
 				{descriptions[index] && (
-					<p class="cosy:px-4 cosy:py-2  cosy:bg-gradient-to-b not-prose cosy:from-blue-100/50 cosy:to-blue-100/90 ">
+					<p class="cosy:px-4 cosy:py-2 cosy:text-sm cosy:bg-gradient-to-b not-prose cosy:from-blue-100/50 cosy:to-blue-100/90 ">
 						{descriptions[index]}
 					</p>
 				)}
@@ -113,7 +113,7 @@ const { titles = [], descriptions = [], codes } = Astro.props;
 		const exampleTabs = document.querySelectorAll('[role="tab"][data-tab^="tab-"]');
 		exampleTabs.forEach((tab) => {
 			tab.addEventListener('click', () => {
-				console.log('CodeContainer: 切换示例', tab);
+				console.log('CodeContainer: 切换示例', tab.getAttribute('data-tab'));
 				const container = tab.closest('[data-role="code-container"]');
 				if (!container) return;
 

package/dist/code-container/index.ts

@@ -1,14 +1,14 @@
 import { default as CodeContainer } from './CodeContainer.astro';
-import { default as CodeContainerBasic } from './CodeContainerBasic.astro';
-import { default as CodeContainerMultiple } from './CodeContainerMultiple.astro';
-import BasicSourceCode from './CodeContainerBasic.astro?raw';
-import MultipleSourceCode from './CodeContainerMultiple.astro?raw';
+import { default as CodeContainerBasic } from './ECodeContainerBasic.astro';
+import { default as CodeContainerMultiple } from './ECodeContainerMultiple.astro';
+import BasicSourceCode from './ECodeContainerBasic.astro?raw';
+import MultipleSourceCode from './ECodeContainerMultiple.astro?raw';
 import { extractSimpleExample } from '../utils/component';
 
 export { CodeContainer, CodeContainerBasic, CodeContainerMultiple };
 
 // 导出示例源代码
 export const CodeContainerExampleCodes = {
-  Basic: extractSimpleExample(BasicSourceCode, 'CodeContainer'),
-  Multiple: extractSimpleExample(MultipleSourceCode, 'CodeContainer'),
-};
+    Basic: extractSimpleExample(BasicSourceCode, 'CodeContainer'),
+    Multiple: extractSimpleExample(MultipleSourceCode, 'CodeContainer'),
+};

package/dist/container/EContainerBasic.astro

@@ -0,0 +1,13 @@
+---
+/**
+ * @component Container.Basic
+ *
+ * @description
+ * 基础Container组件示例，展示最简单的容器用法。
+ */
+import { Container } from '../index';
+---
+
+<Container>
+	<p class="cosy:text-center">这是一个基础容器，内容会被限制在一个合理的宽度内并居中显示</p>
+</Container>

package/dist/container/EContainerBasicContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import ContainerBasic from './EContainerBasic.astro';
+import ContainerBasicSourceCode from './EContainerBasic.astro?raw';
+---
+
+<CodeContainer codes={[ContainerBasicSourceCode]}>
+	<div id="tab-1">
+		<ContainerBasic />
+	</div>
+</CodeContainer>

package/dist/container/EContainerFlexBetween.astro

@@ -0,0 +1,16 @@
+---
+/**
+ * @component Container.FlexBetween
+ *
+ * @description
+ * 展示Container组件的两端对齐(justify="between")布局功能。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<Container flex="row" justify="between" border padding="md">
+	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">左侧</div>
+	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">中间</div>
+	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">右侧</div>
+</Container>

package/dist/container/EContainerFlexCenter.astro

@@ -0,0 +1,23 @@
+---
+/**
+ * @component Container.FlexCenter
+ *
+ * @description
+ * 展示Container组件的居中对齐(items="center" justify="center")布局功能。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<Container
+	flex="row"
+	gap="md"
+	items="center"
+	justify="center"
+	border
+	padding="md"
+	class="cosy:h-32">
+	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">居中项</div>
+	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-6 cosy:rounded">较大项</div>
+	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-2 cosy:rounded">较小项</div>
+</Container>

package/dist/container/EContainerFlexColumn.astro

@@ -0,0 +1,16 @@
+---
+/**
+ * @component Container.FlexColumn
+ *
+ * @description
+ * 展示Container组件的列排列(flex="col")布局功能。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<Container flex="col" gap="md" border padding="md">
+	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">第一项</div>
+	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">第二项</div>
+	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">第三项</div>
+</Container>

package/dist/container/EContainerFlexContainer.astro

@@ -0,0 +1,34 @@
+---
+import { CodeContainer } from '../index';
+import ContainerFlexRow from './EContainerFlexRow.astro';
+import ContainerFlexColumn from './EContainerFlexColumn.astro';
+import ContainerFlexCenter from './EContainerFlexCenter.astro';
+import ContainerFlexBetween from './EContainerFlexBetween.astro';
+
+import ContainerFlexRowSourceCode from './EContainerFlexRow.astro?raw';
+import ContainerFlexColumnSourceCode from './EContainerFlexColumn.astro?raw';
+import ContainerFlexCenterSourceCode from './EContainerFlexCenter.astro?raw';
+import ContainerFlexBetweenSourceCode from './EContainerFlexBetween.astro?raw';
+---
+
+<CodeContainer
+	titles={['Row', 'Column', 'Center', 'Between']}
+	codes={[
+		ContainerFlexRowSourceCode,
+		ContainerFlexColumnSourceCode,
+		ContainerFlexCenterSourceCode,
+		ContainerFlexBetweenSourceCode,
+	]}>
+	<div id="tab-1">
+		<ContainerFlexRow />
+	</div>
+	<div id="tab-2">
+		<ContainerFlexColumn />
+	</div>
+	<div id="tab-3">
+		<ContainerFlexCenter />
+	</div>
+	<div id="tab-4">
+		<ContainerFlexBetween />
+	</div>
+</CodeContainer>

package/dist/container/EContainerFlexRow.astro

@@ -0,0 +1,16 @@
+---
+/**
+ * @component Container.FlexRow
+ *
+ * @description
+ * 展示Container组件的行排列(flex="row")布局功能。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<Container flex="row" gap="md" border padding="md">
+	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">第一项</div>
+	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">第二项</div>
+	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">第三项</div>
+</Container>

package/dist/container/EContainerPadding.astro

@@ -0,0 +1,32 @@
+---
+/**
+ * @component Container.Padding
+ *
+ * @description
+ * 展示Container组件的不同内边距选项：none、sm、md、lg、xl。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<div class="cosy:space-y-4">
+	<Container padding="none" border>
+		<p class="cosy:text-center">无内边距 (none)</p>
+	</Container>
+
+	<Container padding="sm" border>
+		<p class="cosy:text-center">小内边距 (sm)</p>
+	</Container>
+
+	<Container padding="md" border>
+		<p class="cosy:text-center">中等内边距 (md) - 默认</p>
+	</Container>
+
+	<Container padding="lg" border>
+		<p class="cosy:text-center">大内边距 (lg)</p>
+	</Container>
+
+	<Container padding="xl" border>
+		<p class="cosy:text-center">超大内边距 (xl)</p>
+	</Container>
+</div>

package/dist/container/EContainerPaddingContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import ContainerPadding from './EContainerPadding.astro';
+import ContainerPaddingSourceCode from './EContainerPadding.astro?raw';
+---
+
+<CodeContainer codes={[ContainerPaddingSourceCode]}>
+	<div id="tab-1">
+		<ContainerPadding />
+	</div>
+</CodeContainer>

package/dist/container/EContainerSizes.astro

@@ -0,0 +1,36 @@
+---
+/**
+ * @component Container.Sizes
+ *
+ * @description
+ * 展示Container组件的不同尺寸选项：xs、sm、md、lg、xl、full。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<div class="cosy:space-y-4">
+	<Container size="xs" border>
+		<p class="cosy:text-center">超小尺寸容器 (xs)</p>
+	</Container>
+
+	<Container size="sm" border>
+		<p class="cosy:text-center">小尺寸容器 (sm)</p>
+	</Container>
+
+	<Container size="md" border>
+		<p class="cosy:text-center">中等尺寸容器 (md) - 默认</p>
+	</Container>
+
+	<Container size="lg" border>
+		<p class="cosy:text-center">大尺寸容器 (lg)</p>
+	</Container>
+
+	<Container size="xl" border>
+		<p class="cosy:text-center">超大尺寸容器 (xl)</p>
+	</Container>
+
+	<Container size="full" border>
+		<p class="cosy:text-center">全宽容器 (full)</p>
+	</Container>
+</div>

package/dist/container/EContainerSizesContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import ContainerSizes from './EContainerSizes.astro';
+import ContainerSizesSourceCode from './EContainerSizes.astro?raw';
+---
+
+<CodeContainer codes={[ContainerSizesSourceCode]}>
+	<div id="tab-1">
+		<ContainerSizes />
+	</div>
+</CodeContainer>

package/dist/container/index.ts

@@ -1 +1,16 @@
-export { default as Container } from './Container.astro';
+import Container from './Container.astro';
+import ContainerBasicContainer from './EContainerBasicContainer.astro';
+import ContainerSizesContainer from './EContainerSizesContainer.astro';
+import ContainerPaddingContainer from './EContainerPaddingContainer.astro';
+import ContainerFlexContainer from './EContainerFlexContainer.astro';
+
+export { default as Container } from './Container.astro';
+export const ContainerPackage = {
+    Container,
+    ContainerContainers: {
+        Basic: ContainerBasicContainer,
+        Sizes: ContainerSizesContainer,
+        Padding: ContainerPaddingContainer,
+        Flex: ContainerFlexContainer,
+    },
+}

package/dist/footer/{FooterBasic.astro → EFooterBasic.astro}

@@ -1,5 +1,11 @@
 ---
-import Footer from './Footer.astro';
+/**
+ * @component Footer.Basic
+ *
+ * @description
+ * 基础Footer组件示例，展示最简单的页脚用法。
+ */
+import { Footer } from '../index';
 ---
 
 <Footer

package/dist/footer/EFooterBasicContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterBasic from './EFooterBasic.astro';
+import FooterBasicSourceCode from './EFooterBasic.astro?raw';
+---
+
+<CodeContainer codes={[FooterBasicSourceCode]}>
+	<div id="tab-1">
+		<FooterBasic />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterComplete.astro

@@ -0,0 +1,45 @@
+---
+/**
+ * @component Footer.Complete
+ *
+ * @description
+ * 展示完整功能的页脚示例，包含所有主要属性。
+ */
+import { Footer } from '../index';
+import { getExampleImage } from '../utils/image';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	logo={{
+		src: getExampleImage({ width: 100, height: 100, provider: 'robohash', tag: 'logo' }),
+		alt: '网站Logo',
+	}}
+	products={[
+		{ name: '产品A', href: '/products/a' },
+		{ name: '产品B', href: '/products/b' },
+		{ name: '产品C', href: '/products/c' },
+		{ name: '外部产品', href: 'https://example.com', external: true },
+	]}
+	socialLinks={[
+		'https://github.com/myusername',
+		'https://twitter.com/myusername',
+		'https://linkedin.com/in/myusername',
+		'https://facebook.com/myusername',
+	]}
+	aboutLink="/about"
+	contactLink="/contact"
+	termsLink="/terms"
+	privacyLink="/privacy"
+	teamLink="/team"
+	careersLink="/careers"
+	newsLink="/news"
+	blogLink="/blog"
+	faqLink="/faq"
+	icp="京ICP备12345678号"
+/>

package/dist/footer/EFooterCompleteContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterComplete from './EFooterComplete.astro';
+import FooterCompleteSourceCode from './EFooterComplete.astro?raw';
+---
+
+<CodeContainer codes={[FooterCompleteSourceCode]}>
+	<div id="tab-1">
+		<FooterComplete />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterFeaturesContainer.astro

@@ -0,0 +1,40 @@
+---
+import { CodeContainer } from '../index';
+import FooterBasic from './EFooterBasic.astro';
+import FooterWithSocial from './EFooterWithSocial.astro';
+import FooterWithProducts from './EFooterWithProducts.astro';
+import FooterWithLogo from './EFooterWithLogo.astro';
+import FooterWithNavigation from './EFooterWithNavigation.astro';
+
+import FooterBasicSourceCode from './EFooterBasic.astro?raw';
+import FooterWithSocialSourceCode from './EFooterWithSocial.astro?raw';
+import FooterWithProductsSourceCode from './EFooterWithProducts.astro?raw';
+import FooterWithLogoSourceCode from './EFooterWithLogo.astro?raw';
+import FooterWithNavigationSourceCode from './EFooterWithNavigation.astro?raw';
+---
+
+<CodeContainer
+	titles={['基础', '社交媒体', '产品链接', 'Logo', '导航链接']}
+	codes={[
+		FooterBasicSourceCode,
+		FooterWithSocialSourceCode,
+		FooterWithProductsSourceCode,
+		FooterWithLogoSourceCode,
+		FooterWithNavigationSourceCode,
+	]}>
+	<div id="tab-1">
+		<FooterBasic />
+	</div>
+	<div id="tab-2">
+		<FooterWithSocial />
+	</div>
+	<div id="tab-3">
+		<FooterWithProducts />
+	</div>
+	<div id="tab-4">
+		<FooterWithLogo />
+	</div>
+	<div id="tab-5">
+		<FooterWithNavigation />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterWithLogo.astro

@@ -0,0 +1,23 @@
+---
+/**
+ * @component Footer.WithLogo
+ *
+ * @description
+ * 展示带有Logo的页脚示例。
+ */
+import { Footer } from '../index';
+import { getExampleImage } from '../utils/image';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	logo={{
+		src: getExampleImage({ width: 100, height: 100, provider: 'robohash', tag: 'logo' }),
+		alt: '网站Logo',
+	}}
+/>

package/dist/footer/EFooterWithLogoContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterWithLogo from './EFooterWithLogo.astro';
+import FooterWithLogoSourceCode from './EFooterWithLogo.astro?raw';
+---
+
+<CodeContainer codes={[FooterWithLogoSourceCode]}>
+	<div id="tab-1">
+		<FooterWithLogo />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterWithNavigation.astro

@@ -0,0 +1,24 @@
+---
+/**
+ * @component Footer.WithNavigation
+ *
+ * @description
+ * 展示带有导航链接的页脚示例。
+ */
+import { Footer } from '../index';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	aboutLink="/about"
+	contactLink="/contact"
+	termsLink="/terms"
+	privacyLink="/privacy"
+	blogLink="/blog"
+	faqLink="/faq"
+/>

package/dist/footer/EFooterWithNavigationContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterWithNavigation from './EFooterWithNavigation.astro';
+import FooterWithNavigationSourceCode from './EFooterWithNavigation.astro?raw';
+---
+
+<CodeContainer codes={[FooterWithNavigationSourceCode]}>
+	<div id="tab-1">
+		<FooterWithNavigation />
+	</div>
+</CodeContainer>