From 17d88d0b3bd60cd53617ca6307195e53e747d07e Mon Sep 17 00:00:00 2001
From: Nano <gaomingzhao666@outlook.com>
Date: Thu, 23 Jan 2025 16:00:54 +0800
Subject: [PATCH 01/14] comp: add `Tooltip.astro` component

---
 src/components/Tooltip.astro | 51 ++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/components/Tooltip.astro

diff --git a/src/components/Tooltip.astro b/src/components/Tooltip.astro
new file mode 100644
index 00000000..6077221f
--- /dev/null
+++ b/src/components/Tooltip.astro
@@ -0,0 +1,51 @@
+---
+import type { HTMLAttributes } from 'astro/types'
+import Element from 'fulldev-ui/components/Element.astro'
+
+interface Props extends HTMLAttributes<'div'> {
+  isTransition?: boolean | undefined
+  text?: string | undefined
+  placement?: 'top' | 'right' | 'bottom' | 'left' | undefined
+}
+
+const { isTransition = true, text, placement = 'bottom', ...rest } = Astro.props
+
+const transitonClasses = isTransition ? 'transition' : ''
+const placementClasses = (() => {
+  switch (placement) {
+    case 'top':
+      return 'bottom-full'
+    case 'right':
+      return 'left-full top-0'
+    case 'left':
+      return 'right-full top-0'
+    case 'bottom':
+      return ''
+    default:
+      return ''
+  }
+})()
+---
+
+<Element
+  class="tooltip"
+  {...rest}
+>
+  <slot />
+
+  <aside class:list={['tooltip-text', transitonClasses, placementClasses]}>
+    {text}
+  </aside>
+</Element>
+
+<style is:global>
+  @layer fulldev {
+    .tooltip {
+      @apply group relative max-w-xs;
+
+      .tooltip-text {
+        @apply absolute z-10 w-full rounded border px-3 py-1.5 text-center text-sm opacity-0 shadow-sm group-hover:opacity-100;
+      }
+    }
+  }
+</style>

From 23ee469e0bb65f013da7c5ff48a2d92f00778ec7 Mon Sep 17 00:00:00 2001
From: fulldev-bot <bot@full.dev>
Date: Thu, 23 Jan 2025 11:05:27 +0000
Subject: [PATCH 02/14] Bump to version 0.6.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6d72b12c..420c2984 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

From da9035009b6f1831eb8c45aedfe7a0eef98bb823 Mon Sep 17 00:00:00 2001
From: Nano <gaomingzhao666@outlook.com>
Date: Thu, 23 Jan 2025 20:05:48 +0800
Subject: [PATCH 03/14] refactor: Fix typo in `transitionClasses` variable name

---
 src/components/Tooltip.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Tooltip.astro b/src/components/Tooltip.astro
index 6077221f..62c5c607 100644
--- a/src/components/Tooltip.astro
+++ b/src/components/Tooltip.astro
@@ -10,7 +10,7 @@ interface Props extends HTMLAttributes<'div'> {
 
 const { isTransition = true, text, placement = 'bottom', ...rest } = Astro.props
 
-const transitonClasses = isTransition ? 'transition' : ''
+const transitionClasses = isTransition ? 'transition' : ''
 const placementClasses = (() => {
   switch (placement) {
     case 'top':
@@ -33,7 +33,7 @@ const placementClasses = (() => {
 >
   <slot />
 
-  <aside class:list={['tooltip-text', transitonClasses, placementClasses]}>
+  <aside class:list={['tooltip-text', transitionClasses, placementClasses]}>
     {text}
   </aside>
 </Element>

From 9cc1fceb02f3fbe15623617194be1be4b1740750 Mon Sep 17 00:00:00 2001
From: Nano <gaomingzhao666@outlook.com>
Date: Thu, 23 Jan 2025 21:11:32 +0800
Subject: [PATCH 04/14] refactor: Convert `TailwindCSS` to `vanilla css`

---
 src/components/Tooltip.astro | 47 ++++++++++++++++++++++++++++++------
 1 file changed, 40 insertions(+), 7 deletions(-)

diff --git a/src/components/Tooltip.astro b/src/components/Tooltip.astro
index 62c5c607..f42abcc4 100644
--- a/src/components/Tooltip.astro
+++ b/src/components/Tooltip.astro
@@ -14,15 +14,15 @@ const transitionClasses = isTransition ? 'transition' : ''
 const placementClasses = (() => {
   switch (placement) {
     case 'top':
-      return 'bottom-full'
+      return 'placeTop'
     case 'right':
-      return 'left-full top-0'
+      return 'placeRight'
     case 'left':
-      return 'right-full top-0'
+      return 'placeLeft'
     case 'bottom':
-      return ''
+      return 'placeBottom'
     default:
-      return ''
+      return 'placeBottom'
   }
 })()
 ---
@@ -41,10 +41,43 @@ const placementClasses = (() => {
 <style is:global>
   @layer fulldev {
     .tooltip {
-      @apply group relative max-w-xs;
+      position: relative;
+
+      &:hover {
+        .tooltip-text {
+          opacity: 1;
+        }
+      }
 
       .tooltip-text {
-        @apply absolute z-10 w-full rounded border px-3 py-1.5 text-center text-sm opacity-0 shadow-sm group-hover:opacity-100;
+        position: absolute;
+        opacity: 0;
+        z-index: 10;
+        border-width: 1px;
+        border-radius: 12px;
+        /* padding: var(--space-4) var(--space-8); */
+        padding: 6px 12px;
+        width: 100%;
+      }
+
+      /* presets */
+      .placeTop {
+        bottom: 120%;
+      }
+      .placeRight {
+        top: 0;
+        left: 120%;
+      }
+      .placeLeft {
+        top: 0;
+        right: 120%;
+      }
+      .placeBottom {
+        top: 120%;
+      }
+      .transition {
+        /* transition: var(--transition); */
+        transition: all 150ms ease-in-out;
       }
     }
   }

From 6c2b3f9978b079c88c447ac5964d8f89d1e48ba5 Mon Sep 17 00:00:00 2001
From: Sil <silveltman@gmail.com>
Date: Wed, 12 Feb 2025 19:28:31 +0100
Subject: [PATCH 05/14] v0.6.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 420c2984..5039b824 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

From 96f8eb53d6412b726168c91221afbfd656162d7f Mon Sep 17 00:00:00 2001
From: Ariel K <89195061+anaxite@users.noreply.github.com>
Date: Fri, 28 Feb 2025 12:37:11 +0100
Subject: [PATCH 06/14] Update installation.mdx

Add instructions to install with astro add
---
 src/content/pages/docs/installation.mdx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/content/pages/docs/installation.mdx b/src/content/pages/docs/installation.mdx
index 4e0e896b..2885e35a 100644
--- a/src/content/pages/docs/installation.mdx
+++ b/src/content/pages/docs/installation.mdx
@@ -5,6 +5,24 @@ title: Installation
 
 import Link from 'fulldev-ui/components/Link.astro'
 
+You can install fulldev-ui using `astro add`, or install it manually.
+
+## Install with `astro add`
+
+In your project, run the following command to add the integration.
+
+```bash
+npx astro add fulldev-ui
+```
+
+Type `y` to install the fulldev-ui package, and type `y` again to add the integration to your Astro config file.
+
+```bash
+TODO
+```
+
+## Install manually
+
 Run any of the following commands to add fulldev-ui to your dependencies.
 
 ```bash

From b64200111852ef99ef464e8b1e022a9cba00a47e Mon Sep 17 00:00:00 2001
From: Ariel K <89195061+anaxite@users.noreply.github.com>
Date: Fri, 28 Feb 2025 16:03:52 +0100
Subject: [PATCH 07/14] Update installation.mdx

flesh out install instructions for automatic integration setup
---
 src/content/pages/docs/installation.mdx | 32 ++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/content/pages/docs/installation.mdx b/src/content/pages/docs/installation.mdx
index 2885e35a..15d71276 100644
--- a/src/content/pages/docs/installation.mdx
+++ b/src/content/pages/docs/installation.mdx
@@ -5,23 +5,43 @@ title: Installation
 
 import Link from 'fulldev-ui/components/Link.astro'
 
-You can install fulldev-ui using `astro add`, or install it manually.
+You can install fulldev-ui using Astro's integration setup, or install it manually.
 
-## Install with `astro add`
+## Automatic Integration Setup
 
-In your project, run the following command to add the integration.
+Run any of the following commands to add the fulldev-ui integration automatically.
 
 ```bash
+# 
 npx astro add fulldev-ui
+# or
+pnpm astro add fulldev-ui
+# or
+yarn astro add fulldev-ui
+# or
+bunx astro add fulldev-ui
 ```
 
-Type `y` to install the fulldev-ui package, and type `y` again to add the integration to your Astro config file.
+Type `y` at the prompts to add fulldev-ui to your dependencies and
+add the integration to your Astro configuration file.
 
 ```bash
-TODO
+  Astro will make the following changes to your config file:
+
+ ╭ astro.config.mjs ─────────────────────────────╮
+ │ // @ts-check                                  │
+ │ import { defineConfig } from 'astro/config';  │
+ │                                               │
+ │ import fulldevUi from 'fulldev-ui';           │
+ │                                               │
+ │ // https://astro.build/config                 │
+ │ export default defineConfig({                 │
+ │   integrations: [fulldevUi()]                 │
+ │ });                                           │
+ ╰───────────────────────────────────────────────╯
 ```
 
-## Install manually
+## Manual installation
 
 Run any of the following commands to add fulldev-ui to your dependencies.
 

From 8cfe804fb35aaabfbe0029391f743c42d99f45ed Mon Sep 17 00:00:00 2001
From: Ariel K <89195061+anaxite@users.noreply.github.com>
Date: Fri, 28 Feb 2025 16:04:52 +0100
Subject: [PATCH 08/14] Fix some typoed content

---
 src/content/pages/docs/installation.mdx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/content/pages/docs/installation.mdx b/src/content/pages/docs/installation.mdx
index 15d71276..e2abec38 100644
--- a/src/content/pages/docs/installation.mdx
+++ b/src/content/pages/docs/installation.mdx
@@ -12,7 +12,6 @@ You can install fulldev-ui using Astro's integration setup, or install it manual
 Run any of the following commands to add the fulldev-ui integration automatically.
 
 ```bash
-# 
 npx astro add fulldev-ui
 # or
 pnpm astro add fulldev-ui
@@ -39,6 +38,8 @@ add the integration to your Astro configuration file.
  │   integrations: [fulldevUi()]                 │
  │ });                                           │
  ╰───────────────────────────────────────────────╯
+
+? Continue? » (Y/n)
 ```
 
 ## Manual installation

From 79d9f1748179fd8c8dc934a65e47806ae42fd964 Mon Sep 17 00:00:00 2001
From: Ariel K <89195061+anaxite@users.noreply.github.com>
Date: Fri, 28 Feb 2025 16:09:13 +0100
Subject: [PATCH 09/14] Clarify manual install steps

---
 src/content/pages/docs/installation.mdx | 28 ++++++-------------------
 1 file changed, 6 insertions(+), 22 deletions(-)

diff --git a/src/content/pages/docs/installation.mdx b/src/content/pages/docs/installation.mdx
index e2abec38..c9824cb6 100644
--- a/src/content/pages/docs/installation.mdx
+++ b/src/content/pages/docs/installation.mdx
@@ -21,26 +21,7 @@ yarn astro add fulldev-ui
 bunx astro add fulldev-ui
 ```
 
-Type `y` at the prompts to add fulldev-ui to your dependencies and
-add the integration to your Astro configuration file.
-
-```bash
-  Astro will make the following changes to your config file:
-
- ╭ astro.config.mjs ─────────────────────────────╮
- │ // @ts-check                                  │
- │ import { defineConfig } from 'astro/config';  │
- │                                               │
- │ import fulldevUi from 'fulldev-ui';           │
- │                                               │
- │ // https://astro.build/config                 │
- │ export default defineConfig({                 │
- │   integrations: [fulldevUi()]                 │
- │ });                                           │
- ╰───────────────────────────────────────────────╯
-
-? Continue? » (Y/n)
-```
+Type `y` at the prompts for Astro to install dependencies and add the integration.
 
 ## Manual installation
 
@@ -56,7 +37,10 @@ yarn add fulldev-ui
 bun add fulldev-ui
 ```
 
-Add the integration to your `astro.config.ts` file.
+Add the integration to your `astro.config.ts` file:
+
+1. Add `import fulldev from 'fulldev-ui/integration'` to the list of imports.
+2. Add `fulldev({})` to the integrations list.
 
 ```ts
 // astro.config.ts
@@ -64,6 +48,6 @@ import { defineConfig } from 'astro/config'
 import fulldev from 'fulldev-ui/integration'
 
 export default defineConfig({
-  integrations: [fulldev()],
+  integrations: [fulldev({})],
 })
 ```

From 3fdd965a1f882a8f1eff7302775bedb0301a8c07 Mon Sep 17 00:00:00 2001
From: NekoSakuraLucia <mokurolucia@gmail.com>
Date: Fri, 2 May 2025 22:23:40 +0700
Subject: [PATCH 10/14] added: Flat Variant On Button & Buttons

---
 src/components/Button.astro  | 6 +++++-
 src/components/Buttons.astro | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Button.astro b/src/components/Button.astro
index cb423d63..fb0e60af 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -7,7 +7,7 @@ interface Props
   extends HTMLAttributes<'button'>,
     Omit<HTMLAttributes<'a'>, 'type'>,
     HTMLAttributes<'label'> {
-  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | undefined
+  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'flat' | undefined
   size?: 'sm' | 'md' | 'lg' | undefined
   text?: string | undefined
   icon?: string | undefined
@@ -76,6 +76,10 @@ const {
         @apply text-accent-foreground hover:bg-accent;
       }
 
+      &.variant-flat {
+        @apply bg-primary/15 text-primary hover:bg-primary/25;
+      }
+
       .icon {
         @apply first:last:absolute;
       }
diff --git a/src/components/Buttons.astro b/src/components/Buttons.astro
index 6dcf28f6..6f7456f4 100644
--- a/src/components/Buttons.astro
+++ b/src/components/Buttons.astro
@@ -13,6 +13,8 @@ const buttonVariant = (i: number) => {
   if (variant === 'primary' && i === 0) return 'primary'
   else if (variant === 'primary' && i === 1) return 'secondary'
   else if (variant === 'secondary' && i === 0) return 'secondary'
+  else if (variant === 'flat' && i === 0) return 'flat'
+  else if (variant === 'flat' && i === 1) return 'secondary'
   else return 'ghost'
 }
 ---

From 158977078f1b8cdb343a5905eea5c106e8ce8ca2 Mon Sep 17 00:00:00 2001
From: NekoSakuraLucia <mokurolucia@gmail.com>
Date: Fri, 2 May 2025 22:24:18 +0700
Subject: [PATCH 11/14] Add flat Button in docs

---
 src/content/pages/docs/components/button.mdx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/content/pages/docs/components/button.mdx b/src/content/pages/docs/components/button.mdx
index 7bb05bed..1ec0e7ca 100644
--- a/src/content/pages/docs/components/button.mdx
+++ b/src/content/pages/docs/components/button.mdx
@@ -30,6 +30,7 @@ import Button from 'fulldev-ui/components/Button.astro'
 <Button variant="secondary">Secondary</Button>
 <Button variant="outline">Outline</Button>
 <Button variant="ghost">Ghost</Button>
+<Button variant="flat">Flat</Button>
 ```
 
 ### `size`

From 56b6692010c52c03a1203e03d17dad262a867428 Mon Sep 17 00:00:00 2001
From: ljstella <lstella@splunk.com>
Date: Tue, 3 Jun 2025 13:44:02 -0500
Subject: [PATCH 12/14] feat: add bluesky to Social component

---
 src/components/Social.astro | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Social.astro b/src/components/Social.astro
index a7e3d4b8..dec833d1 100644
--- a/src/components/Social.astro
+++ b/src/components/Social.astro
@@ -24,6 +24,7 @@ const platform = () => {
   if (href.includes('twitch')) return 'brand-twitch'
   if (href.includes('github')) return 'brand-github'
   if (href.includes('discord')) return 'brand-discord'
+  if (href.includes('bsky.app')) return 'brand-bluesky'
   return undefined
 }
 ---

From 74cf68f93ce2e97a7d88787f67d9780db48ac840 Mon Sep 17 00:00:00 2001
From: Sil Veltman <52583398+silveltman@users.noreply.github.com>
Date: Fri, 3 Oct 2025 13:58:31 +0200
Subject: [PATCH 13/14] Update page: src/content/pages/index.md

---
 src/content/pages/index.md | 52 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/content/pages/index.md

diff --git a/src/content/pages/index.md b/src/content/pages/index.md
new file mode 100644
index 00000000..aa72829b
--- /dev/null
+++ b/src/content/pages/index.md
@@ -0,0 +1,52 @@
+---
+title: This is a cool test
+description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+  eiusmod tempor incididunt ut labore et dolore magna aliqua.
+image:
+  src: /images/hero.webp
+  alt: Home
+sections:
+  - variant: "1"
+    html: <h2>Hello <strong>World!!!!!</strong></h2><p>This is a test of
+    links:
+      - href: /about/
+        text: About
+      - href: /contact/
+        text: Contact
+    features:
+      - icon: check
+      - icon: check
+        title: Hello there!!!!
+        description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+      - icon: check
+        title: Lorem ipsum
+        description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+      - title: Lorem ipsum
+        description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+    type: features
+  - variant: "1"
+    html: <h1>Hello</h1><p></p><p></p>
+    features:
+      - title: Lorem ipsum
+        description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+    type: features
+  - variant: "1"
+    faqs:
+      - question: What services do you offer?
+        answer: We offer a wide range of services including consulting, development, and
+          support.
+      - question: How can I contact support?
+        answer: You can reach our support team via email at support@example.com or phone
+          at (555) 123-4567.
+      - question: What are your business hours?
+        answer: We are open Monday through Friday from 9 AM to 6 PM EST.
+    type: faqs
+type: article
+
+---
+
+Dit is een inline **blog** editor

From 68f2bd6159d6e116e2a9a3f80817c5defe1a0c21 Mon Sep 17 00:00:00 2001
From: Sil Veltman <52583398+silveltman@users.noreply.github.com>
Date: Fri, 3 Oct 2025 16:58:20 +0200
Subject: [PATCH 14/14] page: src/content/pages/contact.md

---
 src/content/pages/contact.md | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/content/pages/contact.md

diff --git a/src/content/pages/contact.md b/src/content/pages/contact.md
new file mode 100644
index 00000000..25e17592
--- /dev/null
+++ b/src/content/pages/contact.md
@@ -0,0 +1,32 @@
+---
+sections:
+  - variant: "1"
+    html: <h1>!@ je nu aan</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing
+      elit. Sed do eiusmod tempor incididunt ut labore et dolore magna
+      aliqua.</p>
+    socials:
+      - https://www.instagram.com/bolsward/
+      - https://www.facebook.com/bolsward/
+    form:
+      action: /bedankt
+      submit: Verstuur aanmelding
+      fields:
+        - type: text
+          name: naam
+          label: Name
+          required: true
+        - type: email
+          name: email
+          label: E-Mail
+          required: false
+        - type: tel
+          name: telefoon
+          label: Telefonnummer
+          required: false
+        - type: textarea
+          name: bericht
+          label: Bericht
+    type: contact
+
+---
+