@ansiversa/components 0.0.130 → 0.0.132

package/index.ts

@@ -39,6 +39,8 @@ export { default as ResumeBuilderSummary } from './src/Summary/ResumeBuilderSumm
 export { default as PortfolioCreatorSummary } from './src/Summary/PortfolioCreatorSummary.astro';
 export { default as AvImageUploader } from "./src/components/media/AvImageUploader.astro";
 export { default as AvAiAssist } from "./src/components/Ai/AvAiAssist.astro";
+export { AppLogo } from "./src/Logo";
+export type { AppLogoProps } from "./src/Logo";
 export { default as ResumeBuilderShell } from './src/resume-templates/ResumeBuilderShell.astro';
 export { default as ResumeTemplateClassic } from './src/resume-templates/ResumeTemplateClassic.astro';
 export { default as ResumeTemplateModernTwoTone } from './src/resume-templates/ResumeTemplateModernTwoTone.astro';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansiversa/components",
-  "version": "0.0.130",
+  "version": "0.0.132",
   "description": "Shared UI components and layouts for the Ansiversa ecosystem",
   "type": "module",
   "exports": {

package/src/Logo/AppLogo.astro

@@ -0,0 +1,33 @@
+---
+import AppLogoDefault from "./logos/AppLogoDefault.astro";
+import AppLogoFlashNote from "./logos/AppLogoFlashNote.astro";
+import AppLogoPortfolioCreator from "./logos/AppLogoPortfolioCreator.astro";
+import AppLogoQuiz from "./logos/AppLogoQuiz.astro";
+import AppLogoResumeBuilder from "./logos/AppLogoResumeBuilder.astro";
+
+export type AppLogoProps = {
+  appId: string;
+  size?: "xs" | "sm" | "md";
+  class?: string;
+  title?: string;
+};
+
+const { appId, size = "sm", class: className, title } = Astro.props as AppLogoProps;
+
+const sizeMap: Record<NonNullable<AppLogoProps["size"]>, number> = {
+  xs: 16,
+  sm: 18,
+  md: 20,
+};
+
+const logoRegistry = {
+  quiz: AppLogoQuiz,
+  "resume-builder": AppLogoResumeBuilder,
+  "portfolio-creator": AppLogoPortfolioCreator,
+  flashnote: AppLogoFlashNote,
+} as const;
+
+const Logo = logoRegistry[appId as keyof typeof logoRegistry] ?? AppLogoDefault;
+---
+
+<Logo size={sizeMap[size]} class={className} title={title} />

package/src/Logo/index.ts

@@ -0,0 +1,7 @@
+export { default as AppLogo } from "./AppLogo.astro";
+export { default as AppLogoDefault } from "./logos/AppLogoDefault.astro";
+export { default as AppLogoFlashNote } from "./logos/AppLogoFlashNote.astro";
+export { default as AppLogoPortfolioCreator } from "./logos/AppLogoPortfolioCreator.astro";
+export { default as AppLogoQuiz } from "./logos/AppLogoQuiz.astro";
+export { default as AppLogoResumeBuilder } from "./logos/AppLogoResumeBuilder.astro";
+export type { AppLogoProps } from "./AppLogo.astro";

package/src/Logo/logos/AppLogoDefault.astro

@@ -0,0 +1,25 @@
+---
+import type { AppLogoGlyphProps } from "./AppLogoQuiz.astro";
+
+const { size = 18, class: className, title } = Astro.props as AppLogoGlyphProps;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width={size}
+  height={size}
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class={className}
+  aria-hidden={title ? undefined : "true"}
+  role={title ? "img" : "presentation"}
+>
+  {title ? <title>{title}</title> : null}
+  <circle cx="12" cy="12" r="9" />
+  <path d="M12 8v8" />
+  <path d="M8 12h8" />
+</svg>

package/src/Logo/logos/AppLogoFlashNote.astro

@@ -0,0 +1,23 @@
+---
+import type { AppLogoGlyphProps } from "./AppLogoQuiz.astro";
+
+const { size = 18, class: className, title } = Astro.props as AppLogoGlyphProps;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width={size}
+  height={size}
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class={className}
+  aria-hidden={title ? undefined : "true"}
+  role={title ? "img" : "presentation"}
+>
+  {title ? <title>{title}</title> : null}
+  <path d="M12 2.8L4.5 12H10l-1 9.2L19.5 10H14l1-7.2Z" />
+</svg>

package/src/Logo/logos/AppLogoPortfolioCreator.astro

@@ -0,0 +1,26 @@
+---
+import type { AppLogoGlyphProps } from "./AppLogoQuiz.astro";
+
+const { size = 18, class: className, title } = Astro.props as AppLogoGlyphProps;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width={size}
+  height={size}
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class={className}
+  aria-hidden={title ? undefined : "true"}
+  role={title ? "img" : "presentation"}
+>
+  {title ? <title>{title}</title> : null}
+  <rect x="3" y="5" width="18" height="14" rx="2.5" />
+  <path d="M8.5 5V4a1.5 1.5 0 0 1 1.5-1.5h4A1.5 1.5 0 0 1 15.5 4v1" />
+  <path d="M3 11h18" />
+  <path d="M11 14.5h2" />
+</svg>

package/src/Logo/logos/AppLogoQuiz.astro

@@ -0,0 +1,30 @@
+---
+export type AppLogoGlyphProps = {
+  size: number;
+  class?: string;
+  title?: string;
+};
+
+const { size = 18, class: className, title } = Astro.props as AppLogoGlyphProps;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width={size}
+  height={size}
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class={className}
+  aria-hidden={title ? undefined : "true"}
+  role={title ? "img" : "presentation"}
+>
+  {title ? <title>{title}</title> : null}
+  <circle cx="11" cy="11" r="7" />
+  <path d="M21 21l-4.2-4.2" />
+  <path d="M8.6 9.2a2.6 2.6 0 1 1 4.8 1.3c-.7.8-1.8 1.4-1.8 2.4" />
+  <path d="M11.5 16h0" />
+</svg>

package/src/Logo/logos/AppLogoResumeBuilder.astro

@@ -0,0 +1,26 @@
+---
+import type { AppLogoGlyphProps } from "./AppLogoQuiz.astro";
+
+const { size = 18, class: className, title } = Astro.props as AppLogoGlyphProps;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width={size}
+  height={size}
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class={className}
+  aria-hidden={title ? undefined : "true"}
+  role={title ? "img" : "presentation"}
+>
+  {title ? <title>{title}</title> : null}
+  <rect x="4" y="3.5" width="16" height="17" rx="2.5" />
+  <path d="M8 8.5h8" />
+  <path d="M8 12h8" />
+  <path d="M8 15.5h5" />
+</svg>