npm - @samuelgomez/astro - Versions diffs - 0.1.0 - Mend

@samuelgomez/astro 0.1.0

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.

Files changed (115) hide show

package/README.md +54 -0
package/package.json +42 -0
package/src/components/Accordion/index.astro +31 -0
package/src/components/Alert/AlertDanger.astro +12 -0
package/src/components/Alert/AlertInfo.astro +12 -0
package/src/components/Alert/AlertSuccess.astro +12 -0
package/src/components/Alert/AlertWarning.astro +12 -0
package/src/components/Alert/index.astro +10 -0
package/src/components/Badge/BadgeDanger.astro +15 -0
package/src/components/Badge/BadgeInfo.astro +15 -0
package/src/components/Badge/BadgeSuccess.astro +15 -0
package/src/components/Badge/BadgeWarning.astro +15 -0
package/src/components/Badge/index.astro +9 -0
package/src/components/Box/index.astro +45 -0
package/src/components/BoxPost/index.astro +66 -0
package/src/components/Button/index.astro +35 -0
package/src/components/Caniuse/index.astro +24 -0
package/src/components/Codepen/index.astro +25 -0
package/src/components/DebugGrid/index.astro +100 -0
package/src/components/Demo/Demoui.astro +13 -0
package/src/components/Demo/index.astro +105 -0
package/src/components/Dialog/index.astro +74 -0
package/src/components/FormattedDate/index.astro +17 -0
package/src/components/GithubContributions/index.astro +88 -0
package/src/components/Home/CardsBlog.astro +41 -0
package/src/components/Home/CardsCodepen.astro +53 -0
package/src/components/Home/CardsGithub.astro +44 -0
package/src/components/Img/index.astro +28 -0
package/src/components/Link/index.astro +33 -0
package/src/components/Nav/NavToggle.astro +40 -0
package/src/components/Nav/index.astro +71 -0
package/src/components/Pagination/PaginationItem.astro +51 -0
package/src/components/Pagination/index.astro +39 -0
package/src/components/ScrollWatcher/index.astro +11 -0
package/src/components/Social/index.astro +22 -0
package/src/components/Support/index.astro +24 -0
package/src/components/Svg/index.astro +30 -0
package/src/components/SwitchTheme.astro +45 -0
package/src/components/Table/Table.astro +15 -0
package/src/components/Table/TableBody.astro +21 -0
package/src/components/Table/TableHeader.astro +19 -0
package/src/components/Table/index.astro +21 -0
package/src/components/TableOfContent/index.astro +117 -0
package/src/components/Tabs/TabList.astro +23 -0
package/src/components/Tabs/TabListItem.astro +22 -0
package/src/components/Tabs/TabPanel.astro +19 -0
package/src/components/Tabs/TabsContainer.astro +174 -0
package/src/components/Tabs/index.astro +46 -0
package/src/components/Title/h1.astro +12 -0
package/src/components/Title/h2.astro +12 -0
package/src/components/Title/h3.astro +12 -0
package/src/components/Title/h4.astro +12 -0
package/src/components/Title/h5.astro +12 -0
package/src/components/Title/h6.astro +12 -0
package/src/components/Title/heading.astro +8 -0
package/src/components/Title/index.astro +39 -0
package/src/components/WrapperToHtml/index.astro +8 -0
package/src/components/form/Field/index.astro +43 -0
package/src/components/form/Fieldset/index.astro +14 -0
package/src/components/form/Form/FieldDate.astro +32 -0
package/src/components/form/Form/FieldEmail.astro +32 -0
package/src/components/form/Form/FieldNumber.astro +35 -0
package/src/components/form/Form/FieldPassword.astro +32 -0
package/src/components/form/Form/FieldRadio.astro +32 -0
package/src/components/form/Form/FieldSelect.astro +26 -0
package/src/components/form/Form/FieldText.astro +35 -0
package/src/components/form/Form/FieldTextarea.astro +25 -0
package/src/components/form/Form/index.astro +5 -0
package/src/components/form/Input/index.astro +27 -0
package/src/components/form/InputRadio/index.astro +30 -0
package/src/components/form/MoreInfo/index.astro +14 -0
package/src/components/form/Select/index.astro +25 -0
package/src/components/form/Status/index.astro +34 -0
package/src/components/form/Textarea/index.astro +26 -0
package/src/components/helpers/WrapperOrNot/index.astro +23 -0
package/src/components/layout/Footer.astro +3 -0
package/src/components/layout/Head.astro +154 -0
package/src/components/layout/Header.astro +28 -0
package/src/components/old/Grid.astro +18 -0
package/src/components/old/Section.astro +19 -0
package/src/components/old/SwitchTheme.astro +66 -0
package/src/components/old/index-webco.astro +55 -0
package/src/components/old/send.astro +28 -0
package/src/helpers/dom.ts +19 -0
package/src/helpers/isEmptyOrNull.test.ts +58 -0
package/src/helpers/isEmptyOrNull.ts +6 -0
package/src/helpers/setSlug.test.ts +20 -0
package/src/helpers/setSlug.ts +7 -0
package/src/helpers/setTocTitle.ts +2 -0
package/src/helpers/setVariants.test.ts +26 -0
package/src/helpers/setVariants.ts +18 -0
package/src/icons/Add.astro +18 -0
package/src/icons/Anchor.astro +22 -0
package/src/icons/Arrow.astro +11 -0
package/src/icons/AstroLogo.astro +35 -0
package/src/icons/Check.astro +11 -0
package/src/icons/ChevronDown.astro +11 -0
package/src/icons/ChevronLeft.astro +11 -0
package/src/icons/ChevronRight.astro +11 -0
package/src/icons/Codepen.astro +36 -0
package/src/icons/Cross.astro +11 -0
package/src/icons/ExternalLink.astro +19 -0
package/src/icons/Github.astro +36 -0
package/src/icons/Github2.astro +11 -0
package/src/icons/Grid.astro +19 -0
package/src/icons/Info.astro +11 -0
package/src/icons/Instagram.astro +11 -0
package/src/icons/Linkedin.astro +11 -0
package/src/icons/LogoSG.astro +66 -0
package/src/icons/MoonSun.astro +17 -0
package/src/icons/Send.astro +11 -0
package/src/icons/Slash.astro +14 -0
package/src/icons/Trash.astro +19 -0
package/src/icons/Twitter.astro +14 -0
package/src/types/Permutations.d.ts +3 -0

package/src/components/layout/Head.astro ADDED Viewed

@@ -0,0 +1,154 @@
+---
+import { SEO } from 'astro-seo';
+/* import { ClientRouter, ViewTransitions } from 'astro:transitions'; */
+type Props = {
+  title: string;
+  description?: string;
+  image?: string;
+  lang?: string;
+  keywords?: string;
+};
+const defaultDescription =
+  'Samuel Gomez, Software Engineer - Lead Front-end, Nodejs à Lille. Développement et intégration de SPA avec ReactJS. Développement de sites Web avec NodeJS';
+const defaultImage = '/images/avatar.jpg';
+const defautlKeywords =
+  'Expert ReactJS, Développeur Front-end, UX Designer, Développeur Web, développeur ReactJS Lille, Développeur Lille Front-end, Développeur ReactJS, Développeur JavaScript, Développeur Nodejs, Développeur NodeJS';
+const defaultTitle =
+  'Samuel Gomez, Software Engineer - Lead Front-end - ReactJS - Javascript - Nodejs, France';
+const {
+  title,
+  description = defaultDescription,
+  image = defaultImage,
+  lang = 'fr',
+  keywords = defautlKeywords,
+} = Astro.props;
+const currentYear = new Date().getFullYear();
+const url = Astro.url.href;
+const fullTitle = `${defaultTitle}${title && ` - ${title}`}`;
+const color = '#2d89ef';
+---
+<head>
+  <meta charset="UTF-8" />
+  <SEO
+    title={fullTitle}
+    description={description}
+    openGraph={{
+      basic: {
+        title: fullTitle,
+        type: 'website',
+        image,
+      },
+    }}
+    twitter={{
+      creator: '@gamuez',
+    }}
+    extend={{
+      link: [
+        { rel: 'icon', href: '/favicon/favicon.svg', type: 'image/svg+xml' },
+        {
+          rel: 'apple-touch-icon',
+          href: '/favicon/apple-touch-icon.png',
+          sizes: '180x180',
+        },
+        {
+          rel: 'icon',
+          type: 'image/png',
+          href: '/favicon/favicon-32x32.png',
+          sizes: '32x32',
+        },
+        {
+          rel: 'icon',
+          type: 'image/png',
+          href: '/favicon/favicon-16x16.png',
+          sizes: '16x16',
+        },
+        { rel: 'manifest', href: '/favicon/site.webmanifest' },
+      ],
+      meta: [
+        {
+          name: 'viewport',
+          content:
+            'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=5.0',
+        },
+        {
+          name: 'color-scheme',
+          content: 'dark light',
+        },
+        {
+          name: 'Content-Language',
+          content: lang,
+        },
+        {
+          name: 'Subject',
+          content: fullTitle,
+        },
+        {
+          name: 'Copyright',
+          content: `Ⓒ ${currentYear} Samuel Gomez`,
+        },
+        {
+          name: 'Author',
+          content: 'Samuel Gomez',
+        },
+        {
+          name: 'Publisher',
+          content: 'Samuel Gomez',
+        },
+        {
+          name: 'Identifier-Url',
+          content: url,
+        },
+        {
+          name: 'Reply-To',
+          content: 'contact@samuelgomez.fr',
+        },
+        {
+          name: 'Distribution',
+          content: 'global',
+        },
+        {
+          name: 'Revisit-After',
+          content: '15 days',
+        },
+        {
+          name: 'Rating',
+          content: 'general',
+        },
+        {
+          name: 'Geography',
+          content: 'France',
+        },
+        {
+          name: 'Category',
+          content: 'engineering',
+        },
+        {
+          name: 'keywords',
+          content: keywords,
+        },
+        {
+          name: 'theme-color',
+          content: color,
+        },
+        {
+          name: 'msapplication-TileColor',
+          content: color,
+        },
+        {
+          name: 'twitter:image',
+          content: image,
+        },
+        { name: 'twitter:title', content: fullTitle },
+        { name: 'twitter:description', content: description },
+      ],
+    }}
+  />
+  <link rel="mask-icon" href="/favicon/favicon.svg" color={color} />
+</head>

package/src/components/layout/Header.astro ADDED Viewed

@@ -0,0 +1,28 @@
+---
+import LogoSG from '@samuelgomez/astro/icons/LogoSG.astro';
+import SwitchTheme from '@samuelgomez/astro/components/SwitchTheme.astro';
+import NavToggle from '@samuelgomez/astro/components/Nav/NavToggle.astro';
+import Nav from '@samuelgomez/astro/components/Nav/index.astro';
+import Link from '@samuelgomez/astro/components/Link/index.astro';
+import { getEntry } from 'astro:content';
+import { setSlug } from '@samuelgomez/astro/helpers/setSlug';
+const mainMenu = await getEntry('menu', 'main');
+const { userEmail } = Astro.locals;
+const LABEL = 'Menu de navigation principal';
+const ID = `id-${setSlug(LABEL)}`;
+---
+<header>
+  <Link id="logo" href="/">
+    <LogoSG
+      slot="after-link"
+      title="Samuel Gomez - Accéder à la page d'accueil"
+    />
+  </Link>
+  <NavToggle aria-controls={ID} />
+  <Nav items={mainMenu?.data.items} label={LABEL} id={ID} />
+  <SwitchTheme />
+  {userEmail && <p>Welcome {userEmail}</p>}
+</header>

package/src/components/old/Grid.astro ADDED Viewed

@@ -0,0 +1,18 @@
+---
+type Props = {
+  md: number;
+  gap: number;
+};
+const { md, gap } = Astro.props;
+---
+<div class="grid"><slot /></div>
+<style define:vars={{ md, gap }}>
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(var(--md), 1fr);
+    gap: calc(var(--gap) * 1rem);
+  }
+</style>

package/src/components/old/Section.astro ADDED Viewed

@@ -0,0 +1,19 @@
+<section>
+  {
+    Astro.slots.has('header') && (
+      <header>
+        <slot name="header" />
+      </header>
+    )
+  }
+  <slot />
+  {
+    Astro.slots.has('footer') && (
+      <footer>
+        <slot name="footer" />
+      </footer>
+    )
+  }
+</section>

package/src/components/old/SwitchTheme.astro ADDED Viewed

@@ -0,0 +1,66 @@
+---
+import MoonSun from '@samuelgomez/astro/icons/MoonSun.astro';
+import Button from '@samuelgomez/astro/components/Button/index.astro';
+const cookieTheme = Astro.cookies.get('theme')?.value ?? null;
+---
+<Button
+  class="switch-theme"
+  variant="ghost small"
+  id="switch-theme"
+  title="Changer en mode clair ou sombre"
+  aria-label={cookieTheme}
+  aria-live="polite"
+>
+  <MoonSun />
+</Button>
+<script>
+  const cookies = Object.assign(
+    {},
+    ...document.cookie.split('; ').map(cookie => {
+      const name = cookie.split('=')[0];
+      const value = cookie.split('=')[1];
+      return { [name]: value };
+    }),
+  );
+  const getCookie = (name: string) => cookies[name];
+  const setCookie = (name: string, value: string) => {
+    cookies[name] = value;
+    document.cookie = [...Object.keys(cookies)]
+      .filter(Boolean)
+      .map(key => `${key}=${cookies[key]}`)
+      .join('; ');
+  };
+  const DARK = 'dark';
+  const LIGHT = 'light';
+  const themeToggle = document.querySelector('#switch-theme');
+  const matchMediaDark = window.matchMedia('(prefers-color-scheme: dark)');
+  const getMatchMedia = () => (matchMediaDark.matches ? DARK : LIGHT);
+  let theme = getCookie('theme') || getMatchMedia();
+  const setTheme = (isSetToDark: boolean) => {
+    theme = isSetToDark ? DARK : LIGHT;
+    setCookie('theme', theme);
+    themeToggle?.setAttribute('aria-label', theme);
+  };
+  if (!Boolean(themeToggle?.getAttribute('aria-label'))) {
+    setTheme(getMatchMedia() === DARK);
+  }
+  window.addEventListener('load', () => {
+    themeToggle?.addEventListener('click', () => setTheme(theme === LIGHT));
+  });
+  matchMediaDark.addEventListener('change', ({ matches: isDark }) =>
+    setTheme(isDark),
+  );
+</script>

package/src/components/old/index-webco.astro ADDED Viewed

@@ -0,0 +1,55 @@
+---
+import TabContainer from '@samuelgomez/astro/components/Tabs/TabsContainer.astro';
+import TabPanel from '@samuelgomez/astro/components/Tabs/TabPanel.astro';
+import TabList from '@samuelgomez/astro/components/Tabs/TabList.astro';
+import TabListItem from '@samuelgomez/astro/components/Tabs/TabListItem.astro';
+const html = await Astro.slots.render('default');
+const css = await Astro.slots.render('css');
+import { Code } from 'astro/components';
+/* const style = css
+  ?.replace("<code>", "")
+  ?.replace("</code>", "")
+  ?.replace("{", "{\r")
+  ?.replace("}", "\r}")
+  ?.replace(";", ";\r")
+  ?.trim?.(); */
+// const className = `demo-${Date.now() + "_" + Math.floor(Math.random() * 10000)}`;
+const idTab = 'demo-code';
+---
+<TabContainer
+  className="tabs full"
+  id={idTab}
+  idTitle={`title-${idTab}`}
+  title="Tabs with or without composition"
+>
+  <TabList idTitle={`title-${idTab}`}>
+    <TabListItem id={idTab} index={0}>Démo</TabListItem>
+    <TabListItem id={idTab} index={1}>HTML</TabListItem>
+    <TabListItem id={idTab} index={2}>CSS</TabListItem>
+  </TabList>
+  <TabPanel id={idTab} index={0}>
+    <wc-demo></wc-demo>
+  </TabPanel>
+  <TabPanel id={idTab} index={1}>
+    <Code code={html} lang="html" />
+  </TabPanel>
+  <TabPanel id={idTab} index={2}>
+    <Code code={css} lang="css" />
+  </TabPanel>
+</TabContainer>
+<!-- <script define:vars={{ css, html }}>
+  customElements.define(
+    "wc-demo",
+    class WCDemo extends HTMLElement {
+      constructor() {
+        super();
+        const shadowRoot = this.attachShadow({ mode: "open" });
+        shadowRoot.innerHTML = `<style>* + *{ color: initial; } ${css}</style><div>${html}</div>`;
+      }
+    }
+  );
+</script> -->

package/src/components/old/send.astro ADDED Viewed

@@ -0,0 +1,28 @@
+---
+/* const body = await
+console.log(Astro.request.body); */
+if (Astro.request.method === 'POST') {
+  try {
+    /* const data = await Astro.request.formData();
+    const civility = data.get('civility');
+    const firstname = data.get('firstname');
+    const lastname = data.get('lastname');
+    const birthdate = data.get('birthdate');
+    const choice = data.get('choice');
+    const comment = data.get('comment'); */
+    // Faire quelque chose avec les données
+  } catch (error) {
+    if (error instanceof Error) {
+      console.error(error.message);
+    }
+  }
+}
+---
+<p>Received a {Astro.request.method} request to "{Astro.request.url}".</p>
+<p>
+  Received request headers: <code
+    >{JSON.stringify(Object.fromEntries(Astro.request.headers))}</code
+  >
+</p>

package/src/helpers/dom.ts ADDED Viewed

@@ -0,0 +1,19 @@
+export const $ = (
+  selector: string,
+  parent: Document | HTMLElement = document
+) => parent.querySelector(selector);
+export const $$ = (
+  selector: string,
+  parent: Document | HTMLElement = document
+) => parent.querySelectorAll(selector);
+export const getById = (id: string) => document.getElementById(id);
+export const disabledFields = (
+  fields: (HTMLInputElement | HTMLSelectElement)[]
+) => fields?.forEach((field) => field.setAttribute('disabled', 'true'));
+export const enabledFields = (
+  fields: (HTMLInputElement | HTMLSelectElement)[]
+) => fields?.forEach((field) => field.removeAttribute('disabled'));

package/src/helpers/isEmptyOrNull.test.ts ADDED Viewed

@@ -0,0 +1,58 @@
+import { describe, it, expect } from 'vitest';
+import isEmptyOrNull, { isEmptyObject, isEmptyArray } from './isEmptyOrNull';
+type TisEmptyOrNullTest = {
+  elt: Parameters<typeof isEmptyOrNull>[0];
+  expected: ReturnType<typeof isEmptyOrNull>;
+};
+describe('isEmptyOrNull', () => {
+  it.each`
+    elt                 | expected
+    ${undefined}        | ${true}
+    ${null}             | ${true}
+    ${''}               | ${true}
+    ${1982}             | ${false}
+    ${'1983'}           | ${false}
+    ${{}}               | ${true}
+    ${[]}               | ${true}
+    ${{ name: 'name' }} | ${false}
+    ${['name']}         | ${false}
+  `(
+    'Should return expected : $expected when elt: $elt',
+    ({ elt, expected }: TisEmptyOrNullTest) => {
+      const result = isEmptyOrNull(elt);
+      expect(result).toEqual(expected);
+    }
+  );
+});
+describe('isEmptyObject', () => {
+  it.each`
+    elt                 | expected
+    ${undefined}        | ${true}
+    ${{}}               | ${true}
+    ${{ name: 'name' }} | ${false}
+  `(
+    'Should return expected : $expected when elt: $elt',
+    ({ elt, expected }) => {
+      const result = isEmptyObject(elt);
+      expect(result).toEqual(expected);
+    }
+  );
+});
+describe('isEmptyArray', () => {
+  it.each`
+    elt          | expected
+    ${undefined} | ${true}
+    ${[]}        | ${true}
+    ${['name']}  | ${false}
+  `(
+    'Should return expected : $expected when elt: $elt',
+    ({ elt, expected }) => {
+      const result = isEmptyArray(elt);
+      expect(result).toEqual(expected);
+    }
+  );
+});

package/src/helpers/isEmptyOrNull.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const isEmptyObject = (elt: unknown = {}) => elt !== null && typeof elt === 'object' && Object.keys(elt).length === 0;
+export const isEmptyArray = (elt: unknown = []) => Array.isArray(elt) && elt.length === 0;
+const isEmptyOrNull = (elt: unknown) => elt === undefined || elt === null || elt === '' || isEmptyArray(elt) || isEmptyObject(elt);
+export default isEmptyOrNull;

package/src/helpers/setSlug.test.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { describe, it, expect } from 'vitest';
+import { setSlug } from './setSlug';
+describe('setSlug', () => {
+  it.each([
+    ['hello world', 'hello-world'],
+    ['hello, world!', 'hello-world'],
+    ['hello(world)', 'helloworld'],
+    ['hello:world', 'helloworld'],
+    ['hello@world', 'helloworld'],
+    ["hello'world", 'helloworld'],
+    ['Hello World', 'hello-world'],
+    ['', ''],
+    [",():@'", ''],
+    ['     ', '-----'],
+    ['hello, world: this is a test', 'hello-world-this-is-a-test'],
+  ])('should convert "%s" to "%s"', (input, expected) => {
+    expect(setSlug(input)).toBe(expected);
+  });
+});

package/src/helpers/setSlug.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export const setSlug = (label: string) =>
+  label
+    .replace(/[,():@?!-"’.]/g, '')
+    .split(' ')
+    .filter(Boolean)
+    .join('-')
+    .toLocaleLowerCase();

package/src/helpers/setTocTitle.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export const tocObj = (toc: string[]) =>
2	+ toc.reduce((acc, item) => ({ ...acc, [`${item}`]: item }), {});

package/src/helpers/setVariants.test.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+import { setClassVariant, type Variant } from './setVariants';
+describe('setClassVariant', () => {
+  const testCases = [
+    [{} as Variant, ''],
+    [{ variant: 'primary' } as Variant, ''],
+    [{ className: null, variant: 'primary' } as Variant, ''],
+    [{ className: 'btn' } as Variant, 'btn'],
+    [{ className: 'btn', variant: 'primary' }, 'btn btn-primary'],
+    [
+      { className: 'btn large', variant: 'primary secondary' },
+      'btn large btn-primary btn-secondary',
+    ],
+    [{ className: '', variant: '' }, ''],
+    [{ className: 'btn ', variant: 'primary' }, 'btn btn-primary'],
+    [{ className: 'btn', variant: ' primary ' }, 'btn btn-primary'],
+  ];
+  it.each(testCases)(
+    'should return the correct class variant for input %j',
+    (input, expected) => {
+      expect(setClassVariant(input as Variant)).toBe(expected);
+    },
+  );
+});

package/src/helpers/setVariants.ts ADDED Viewed

@@ -0,0 +1,18 @@
+export type Variant = {
+  className?: string | null;
+  variant?: string;
+};
+export const setClassVariant = ({ variant, className }: Variant) => {
+  if (!variant) {
+    return className ?? null;
+  }
+  const classes = className?.trim()?.split(' ') ?? [];
+  const variants = variant?.trim()?.split(' ') ?? [];
+  const variantClasses = variants.map(item =>
+    classes[0] ? `${classes[0]}-${item}` : item,
+  );
+  return [...classes, ...variantClasses].join(' ');
+};

package/src/icons/Add.astro ADDED Viewed

@@ -0,0 +1,18 @@
+---
+import Svg, { type SvgProps } from '@samuelgomez/astro/components/Svg/index.astro';
+const {
+  stroke = 'currentColor',
+  fill = 'currentColor',
+  ...props
+} = Astro.props as SvgProps;
+---
+<Svg {...props}>
+  <path
+    stroke={fill}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    d="M6 12h6m0 0h6m-6 0v6m0-6V6"></path>
+</Svg>

package/src/icons/Anchor.astro ADDED Viewed

@@ -0,0 +1,22 @@
+---
+import Svg, { type SvgProps } from '@samuelgomez/astro/components/Svg/index.astro';
+const {
+  stroke = 'currentColor',
+  fill = 'none',
+  ...props
+} = Astro.props as SvgProps;
+---
+<Svg
+  {...props}
+  stroke={stroke}
+  fill={fill}
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+  ></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+  ></path>
+</Svg>

package/src/icons/Arrow.astro ADDED Viewed

@@ -0,0 +1,11 @@
+---
+import Svg, { type SvgProps } from '@samuelgomez/astro/components/Svg/index.astro';
+const props = Astro.props as SvgProps;
+---
+<Svg {...props}>
+  <path
+    d="M13.8 24c-.3 0-.7-.1-1-.3-.6-.5-.7-1.5-.2-2.1l6.7-8H1.5C.7 13.5 0 12.8 0 12s.7-1.5 1.5-1.5h17.8l-6.7-8c-.5-.6-.4-1.6.2-2.1.6-.5 1.6-.4 2.1.2L23.6 11c.1.1.2.2.2.3 0 0 0 .1.1.1 0 .1.1.2.1.3v.6c0 .1 0 .2-.1.3v.1c-.1.1-.1.2-.2.3L15 23.5c-.4.3-.8.5-1.2.5z"
+  ></path>
+</Svg>

package/src/icons/AstroLogo.astro ADDED Viewed

@@ -0,0 +1,35 @@
+---
+type Props = {
+  fill?: string;
+};
+const { fill } = Astro.props;
+---
+<style is:global>
+  #astro-logo {
+    fill: #000;
+  }
+  :has([aria-label='dark']) {
+    #astro-logo {
+      fill: #fff;
+    }
+  }
+</style>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="100"
+  height="100"
+  viewBox="78 133 100 100"
+  xml:space="preserve"
+  aria-hidden="true"
+>
+  <path
+    id="astro-logo"
+    d="M142.771 135.391c.815 1.012 1.23 2.377 2.063 5.109L163 200.175a75.587 75.587 0 0 0-21.718-7.353l-11.829-39.97a1.538 1.538 0 0 0-2.953.004l-11.685 39.945a75.6 75.6 0 0 0-21.816 7.364l18.255-59.68c.834-2.727 1.251-4.09 2.067-5.101a6.709 6.709 0 0 1 2.719-2.012c1.205-.484 2.63-.484 5.482-.484h13.038c2.855 0 4.283 0 5.489.485a6.705 6.705 0 0 1 2.722 2.018z"
+  ></path>
+  <path
+    fill={fill || '#FF5D01'}
+    d="M144.945 203.015c-2.995 2.561-8.972 4.308-15.856 4.308-8.451 0-15.534-2.632-17.414-6.17-.671 2.028-.823 4.349-.823 5.832 0 0-.442 7.279 4.622 12.343a4.76 4.76 0 0 1 4.76-4.761c4.506 0 4.5 3.932 4.497 7.122v.283c0 4.841 2.96 8.992 7.167 10.741a9.763 9.763 0 0 1-.979-4.278c0-4.617 2.71-6.336 5.86-8.334 2.507-1.592 5.291-3.356 7.211-6.899a13.01 13.01 0 0 0 1.571-6.217 13.09 13.09 0 0 0-.616-3.97z"
+  ></path>
+</svg>

package/src/icons/Check.astro ADDED Viewed

@@ -0,0 +1,11 @@
+---
+import Svg, { type SvgProps } from '@samuelgomez/astro/components/Svg/index.astro';
+const props = Astro.props as SvgProps;
+---
+<Svg {...props}>
+  <path
+    d="M8.5 20.5c-.4 0-.8-.2-1.2-.5L.4 13.1c-.6-.6-.6-1.7 0-2.3s1.7-.6 2.3 0l5.8 5.8L21.2 3.9c.6-.6 1.7-.6 2.3 0 .6.6.6 1.7 0 2.3L9.7 20.1c-.3.3-.7.4-1.2.4z"
+  ></path>
+</Svg>

package/src/icons/ChevronDown.astro ADDED Viewed

@@ -0,0 +1,11 @@
+---
+import Svg, { type SvgProps } from '@samuelgomez/astro/components/Svg/index.astro';
+const props = Astro.props as SvgProps;
+---
+<Svg {...props}>
+  <path
+    d="M12 18.854a1.71 1.71 0 0 1-1.211-.502L.507 8.071A1.713 1.713 0 0 1 2.93 5.648l9.07 9.07 9.07-9.07a1.713 1.713 0 0 1 2.423 2.423L13.212 18.353a1.712 1.712 0 0 1-1.212.501z"
+  ></path>
+</Svg>

package/src/icons/ChevronLeft.astro ADDED Viewed

@@ -0,0 +1,11 @@
+---
+import Svg, { type SvgProps } from '@samuelgomez/astro/components/Svg/index.astro';
+const props = Astro.props as SvgProps;
+---
+<Svg {...props}>
+  <path
+    d="M5.132 12.01c.001.438.169.877.504 1.211l10.296 10.268a1.715 1.715 0 0 0 2.42-2.427l-9.083-9.057 9.058-9.083A1.713 1.713 0 0 0 15.9.502L5.632 10.797a1.713 1.713 0 0 0-.5 1.213z"
+  ></path>
+</Svg>