fulldev-ui 0.5.0-beta.9 → 0.6.0-beta-5

package/src/content/pages/showcase/van-dillen-antieke-bouwmaterialen.md

@@ -1,5 +1,5 @@
 ---
-heading: Van Dillen Antieke Bouwmaterialen
+title: Van Dillen Antieke Bouwmaterialen
 image: van-dillen-antieke-bouwmaterialen.webp
 href: 'https://vdabouwmaterialen.nl'
 ---

package/src/content/pages/showcase.mdx

@@ -1,5 +1,4 @@
 ---
-presets: [docs]
 title: Showcase
 ---
 
@@ -8,7 +7,10 @@ import Cards from 'fulldev-ui/components/Cards.astro'
 import { getCollection } from 'astro:content'
 
 export const projects = (
-  await getCollection('pages', ({ slug }) => slug.startsWith('showcase'))
+  await getCollection(
+    'pages',
+    ({ slug }) => slug.startsWith('showcase') && slug !== 'showcase'
+  )
 ).map((p) => p.data)
 
 # Showcase
@@ -16,7 +18,6 @@ export const projects = (
 Projects that are built with Fulldev UI.
 
 <Card
-  color="brand"
   size="sm"
   style={{ marginTop: 'var(--space-6)', marginBottom: 'var(--space-7)' }}
   heading="Your project in this showcase?"

package/src/css/color.css

@@ -1,13 +1,3 @@
-.theme-light,
-.theme-light * {
-  color-scheme: light;
-}
-
-.theme-dark,
-.theme-dark * {
-  color-scheme: dark;
-}
-
 :where(:root),
 :where(.theme-light),
 :where(.theme-dark),

package/src/css/custom.css

@@ -1,22 +1,20 @@
 @import url(https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700,800,900);
 
-* {
-  font-family: 'Inter', sans-serif;
-}
-
 mark {
   background-color: var(--brand-12) !important;
   color: var(--brand-1) !important;
 }
 
-.astro-code {
-  border: 1px solid var(--base-6);
-  border-radius: var(--radius-2);
-  background-color: #191919 !important;
-  padding: var(--space-5);
+.rounded-full {
+  border-radius: 999px !important;
+}
+
+.hero .heading,
+.hero .lead {
+  max-width: 680px;
+  text-wrap: balance;
 }
 
-.header,
-.panel {
-  background-color: var(--color-background);
+.logo .image {
+  border-radius: 2px;
 }

package/src/css/size.css

@@ -1,4 +1,4 @@
-:root {
+/* :root {
   --space-sm-1: 4px;
   --space-sm-2: 6px;
   --space-sm-3: 8px;
@@ -128,13 +128,4 @@
   --text-7: var(--text-lg-7);
   --text-8: var(--text-lg-8);
 }
-
-:root {
-  --spacer: var(--space-7);
-  --screen: 100vw;
-  --gutter: max(24px, calc((100% - var(--screen)) / 2));
-}
-
-* {
-  --gutter: max(24px, calc((100% - var(--screen)) / 2));
-}
+ */

package/src/css/theme.css

@@ -0,0 +1,95 @@
+/* :root {
+  --radius: 0.5rem;
+
+  --background: 33.3 30% 97.5%;
+  --foreground: 33.3 10% 10.5%;
+
+  --primary: 20 100% 50%;
+  --primary-foreground: 0 0% 100%;
+  --primary-hover: var(--primary) / 85%;
+
+  --secondary: 20 10% 92%;
+  --secondary-hover: var(--secondary) / 75%;
+  --secondary-foreground: var(--foreground);
+
+  --accent: var(--secondary-hover);
+  --accent-foreground: var(--secondary-foreground);
+
+  --muted: var(--accent);
+  --muted-foreground: var(--foreground) / 75%;
+
+  --card: var(--secondary) / 40%;
+  --card-foreground: var(--foreground);
+
+  --border: var(--foreground) / 8%;
+  --input: var(--foreground) / 26%;
+  --ring: var(--foreground);
+}
+
+.dark {
+  --foreground: 0 0% 100%;
+  --background: 20 40% 3%;
+  --primary: 20 30% 97%;
+  --primary-foreground: 20 100% 0%;
+  --secondary: 20 10% 10%;
+  --secondary-foreground: 20 30% 97%;
+} */
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 20 14.3% 4.1%;
+    --card: 0 0% 100%;
+    --card-foreground: 20 14.3% 4.1%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 20 14.3% 4.1%;
+    --primary: 24 9.8% 10%;
+    --primary-foreground: 60 9.1% 97.8%;
+    --secondary: 60 4.8% 95.9%;
+    --secondary-foreground: 24 9.8% 10%;
+    --muted: 60 4.8% 95.9%;
+    --muted-foreground: 25 5.3% 44.7%;
+    --accent: 60 4.8% 95.9%;
+    --accent-foreground: 24 9.8% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 60 9.1% 97.8%;
+    --border: 20 5.9% 90%;
+    --input: 20 5.9% 90%;
+    --ring: 20 14.3% 4.1%;
+    --radius: 0.5rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+  }
+
+  .dark {
+    --background: 20 14.3% 4.1%;
+    --foreground: 60 9.1% 97.8%;
+    --card: 20 14.3% 4.1%;
+    --card-foreground: 60 9.1% 97.8%;
+    --popover: 20 14.3% 4.1%;
+    --popover-foreground: 60 9.1% 97.8%;
+    --primary: 60 9.1% 97.8%;
+    --primary-foreground: 24 9.8% 10%;
+    --secondary: 12 6.5% 15.1%;
+    --secondary-foreground: 60 9.1% 97.8%;
+    --muted: 12 6.5% 15.1%;
+    --muted-foreground: 24 5.4% 63.9%;
+    --accent: 12 6.5% 15.1%;
+    --accent-foreground: 60 9.1% 97.8%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 60 9.1% 97.8%;
+    --border: 12 6.5% 15.1%;
+    --input: 12 6.5% 15.1%;
+    --ring: 24 5.7% 82.9%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+
+    color-scheme: dark;
+  }
+}

package/src/env.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="astro/client" />
 /// <reference path="../.astro/types.d.ts" />
+/// <reference types="simple-stack-form/types" />

package/src/images/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/favicon/mstile-150x150.png"/>
+      <TileColor>#fff</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

package/src/images/favicon/favicon.svg

@@ -0,0 +1,16 @@
+<svg width="758" height="758" viewBox="0 0 758 758" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_5)">
+<rect width="758" height="758" fill="#FF5500"/>
+<rect x="-133" y="-133" width="1024" height="1024" fill="url(#paint0_radial_45_5)"/>
+<path d="M269.363 565C264.945 565 261.363 561.419 261.363 557V200.637C261.363 196.218 264.945 192.637 269.363 192.637H499.909C504.327 192.637 507.909 196.218 507.909 200.637V249.546C507.909 253.964 504.327 257.546 499.909 257.546H348.091C343.672 257.546 340.091 261.128 340.091 265.546V338.273C340.091 342.691 343.672 346.273 348.091 346.273H483.545C487.963 346.273 491.545 349.855 491.545 354.273V403.182C491.545 407.6 487.963 411.182 483.545 411.182H348.091C343.672 411.182 340.091 414.764 340.091 419.182V557C340.091 561.419 336.509 565 332.091 565H269.363Z" fill="#EEEEEC"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_45_5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(379 379) rotate(45) scale(724.077)">
+<stop stop-color="#111110" stop-opacity="0.2"/>
+<stop offset="0.9" stop-color="#111110" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_45_5">
+<rect width="758" height="758" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/images/favicon/manifest.webmanifest

@@ -0,0 +1,30 @@
+{
+  "name": "Fulldev UI",
+  "short_name": "Fulldev UI",
+  "description": "Fulldev UI",
+  "dir": "auto",
+  "lang": "en-GB",
+  "display": "standalone",
+  "display_override": [
+    "window-controls-overlay",
+    "standalone"
+  ],
+  "orientation": "any",
+  "start_url": "/?homescreen=1",
+  "background_color": "#fff",
+  "theme_color": "#fff",
+  "icons": [
+    {
+      "src": "/favicon/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/favicon/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}

package/src/images/favicon/safari-pinned-tab.svg

@@ -0,0 +1,16 @@
+<svg width="758" height="758" viewBox="0 0 758 758" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_5)">
+<rect width="758" height="758" fill="#FF5500"/>
+<rect x="-133" y="-133" width="1024" height="1024" fill="url(#paint0_radial_45_5)"/>
+<path d="M269.363 565C264.945 565 261.363 561.419 261.363 557V200.637C261.363 196.218 264.945 192.637 269.363 192.637H499.909C504.327 192.637 507.909 196.218 507.909 200.637V249.546C507.909 253.964 504.327 257.546 499.909 257.546H348.091C343.672 257.546 340.091 261.128 340.091 265.546V338.273C340.091 342.691 343.672 346.273 348.091 346.273H483.545C487.963 346.273 491.545 349.855 491.545 354.273V403.182C491.545 407.6 487.963 411.182 483.545 411.182H348.091C343.672 411.182 340.091 414.764 340.091 419.182V557C340.091 561.419 336.509 565 332.091 565H269.363Z" fill="#EEEEEC"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_45_5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(379 379) rotate(45) scale(724.077)">
+<stop stop-color="#111110" stop-opacity="0.2"/>
+<stop offset="0.9" stop-color="#111110" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_45_5">
+<rect width="758" height="758" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/images/favicon/yandex-browser-manifest.json

@@ -0,0 +1,9 @@
+{
+  "version": "1.0",
+  "api_version": 1,
+  "layout": {
+    "logo": "/favicon/yandex-browser-50x50.png",
+    "color": "#fff",
+    "show_title": true
+  }
+}

package/src/images/logo-1.svg

@@ -0,0 +1,11 @@
+<svg width="694" height="671" viewBox="0 0 694 671" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M490.133 0H693.066L660.933 117.5H458L490.133 0Z" fill="#FF5500"/>
+<path d="M286.133 304H489.066L456.933 421.5H254L286.133 304Z" fill="#FF5500"/>
+<path d="M297.133 0H500.066L467.933 117.5H265L297.133 0Z" fill="#FF5500"/>
+<path d="M141.133 304H344.066L311.933 421.5H109L141.133 304Z" fill="#FF5500"/>
+<path d="M110.133 418L244.633 418L212.5 535.5H78L110.133 418Z" fill="#FF5500"/>
+<path d="M89.1329 494L223.633 494L191.5 611.5H57L89.1329 494Z" fill="#FF5500"/>
+<path d="M72.94 553L206.633 553L174.693 670.5H41L72.94 553Z" fill="#FF5500"/>
+<path d="M104.133 0H307.066L274.933 117.5H72L104.133 0Z" fill="#FF5500"/>
+<path d="M32.1329 0H235.066L202.933 117.5H0L32.1329 0Z" fill="#FF5500"/>
+</svg>

package/src/images/logo-2.svg

@@ -0,0 +1,13 @@
+<svg width="694" height="739" viewBox="0 0 694 739" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M490.133 0H693.066L660.933 117.5H458L490.133 0Z" fill="#FF5500"/>
+<path d="M286.133 304H489.066L456.933 421.5H254L286.133 304Z" fill="#FF5500"/>
+<path d="M354.133 304H557.066L524.933 421.5H322L354.133 304Z" fill="#FF5500"/>
+<path d="M297.133 0H500.066L467.933 117.5H265L297.133 0Z" fill="#FF5500"/>
+<path d="M141.133 304H344.066L311.933 421.5H109L141.133 304Z" fill="#FF5500"/>
+<path d="M110.133 418L244.633 418L212.5 535.5H78L110.133 418Z" fill="#FF5500"/>
+<path d="M89.1329 494L223.633 494L191.5 611.5H57L89.1329 494Z" fill="#FF5500"/>
+<path d="M72.94 553L206.633 553L174.693 670.5H41L72.94 553Z" fill="#FF5500"/>
+<path d="M54.94 621L188.633 621L156.693 738.5H23L54.94 621Z" fill="#FF5500"/>
+<path d="M104.133 0H307.066L274.933 117.5H72L104.133 0Z" fill="#FF5500"/>
+<path d="M32.1329 0H235.066L202.933 117.5H0L32.1329 0Z" fill="#FF5500"/>
+</svg>

package/src/images/logo-basic.svg

@@ -0,0 +1,10 @@
+<svg width="622" height="601" viewBox="0 0 622 601" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M418.133 0H621.066L588.933 117.5H386L418.133 0Z" fill="#FF5500"/>
+<path d="M275.133 234H478.066L445.933 351.5H243L275.133 234Z" fill="#FF5500"/>
+<path d="M225.133 0H428.066L395.933 117.5H193L225.133 0Z" fill="#FF5500"/>
+<path d="M130.133 234H333.066L300.933 351.5H98L130.133 234Z" fill="#FF5500"/>
+<path d="M99.1329 348L233.633 348L201.5 465.5H67L99.1329 348Z" fill="#FF5500"/>
+<path d="M78.1329 424L212.633 424L180.5 541.5H46L78.1329 424Z" fill="#FF5500"/>
+<path d="M61.94 483L195.633 483L163.693 600.5H30L61.94 483Z" fill="#FF5500"/>
+<path d="M32.1329 0H235.066L202.933 117.5H0L32.1329 0Z" fill="#FF5500"/>
+</svg>

package/src/images/logo-simple.svg

@@ -0,0 +1,13 @@
+<svg width="1610" height="1666" viewBox="0 0 1610 1666" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1250.82 1H1609.5L1542.62 248.771C1524.95 314.216 1465.59 359.68 1397.8 359.68H1154L1250.82 1Z" fill="#FF5500"/>
+<path d="M592.82 0H951.5L854.68 358.68H496L592.82 0Z" fill="#FF5500"/>
+<path d="M908.82 1H1267.5L1170.68 359.68H812L908.82 1Z" fill="#FF5500"/>
+<path d="M234.82 0H593.5L496.68 358.68H138L234.82 0Z" fill="#FF5500"/>
+<path d="M66.882 110.909C84.5479 45.4638 143.911 0 211.699 0H455.5L358.68 358.68H0L66.882 110.909Z" fill="#FF5500"/>
+<path d="M336.681 737H695.36L598.54 1095.68H239.86L336.681 737Z" fill="#FF5500"/>
+<path d="M336.681 737H695.36L598.54 1095.68H239.86L336.681 737Z" fill="#FF5500"/>
+<path d="M693.82 737H1052.5L955.68 1095.68H597L693.82 737Z" fill="#FF5500"/>
+<path d="M1037.82 737H1396.5L1299.68 1095.68H941L1037.82 737Z" fill="#FF5500"/>
+<path d="M240.82 1092H599.5L502.68 1450.68H144L240.82 1092Z" fill="#FF5500"/>
+<path d="M182.82 1307H541.5L444.68 1665.68H86L182.82 1307Z" fill="#FF5500"/>
+</svg>

package/src/images/logo-thin.svg

@@ -0,0 +1,15 @@
+<svg width="1960" height="2035" viewBox="0 0 1960 2035" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1600.82 1H1959.5L1892.62 248.771C1874.95 314.216 1815.59 359.68 1747.8 359.68H1504L1600.82 1Z" fill="#FF5500"/>
+<path d="M942.82 0H1301.5L1204.68 358.68H846L942.82 0Z" fill="#FF5500"/>
+<path d="M1258.82 1H1617.5L1520.68 359.68H1162L1258.82 1Z" fill="#FF5500"/>
+<path d="M584.82 0H943.5L846.68 358.68H488L584.82 0Z" fill="#FF5500"/>
+<path d="M196.882 110.909C214.548 45.4638 273.911 0 341.699 0H585.5L488.68 358.68H130L196.882 110.909Z" fill="#FF5500"/>
+<path d="M716.681 840H1075.36L978.54 1198.68H619.86L716.681 840Z" fill="#FF5500"/>
+<path d="M1064.82 840H1423.5L1326.68 1198.68H968L1064.82 840Z" fill="#FF5500"/>
+<path d="M358.681 840H717.36L620.54 1198.68H261.86L358.681 840Z" fill="#FF5500"/>
+<path d="M262.82 1195H621.5L524.68 1553.68H166L262.82 1195Z" fill="#FF5500"/>
+<path d="M204.82 1410H563.5L466.68 1768.68H108L204.82 1410Z" fill="#FF5500"/>
+<path d="M131.82 1676H490.5L393.68 2034.68H35L131.82 1676Z" fill="#FF5500"/>
+<path d="M177.82 180H536.5L439.68 538.68H81L177.82 180Z" fill="#FF5500"/>
+<path d="M96.8202 481H455.5L358.68 839.68H0L96.8202 481Z" fill="#FF5500"/>
+</svg>

package/src/images/logo.svg

@@ -0,0 +1,14 @@
+<svg width="1960" height="1797" viewBox="0 0 1960 1797" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1600.82 1H1959.5L1892.62 248.771C1874.95 314.216 1815.59 359.68 1747.8 359.68H1504L1600.82 1Z" fill="#FF5500"/>
+<path d="M942.82 0H1301.5L1204.68 358.68H846L942.82 0Z" fill="#FF5500"/>
+<path d="M1258.82 1H1617.5L1520.68 359.68H1162L1258.82 1Z" fill="#FF5500"/>
+<path d="M584.82 0H943.5L846.68 358.68H488L584.82 0Z" fill="#FF5500"/>
+<path d="M196.882 110.909C214.548 45.4638 273.911 0 341.699 0H585.5L488.68 358.68H130L196.882 110.909Z" fill="#FF5500"/>
+<path d="M1025.68 602H1384.36L1287.54 960.68H928.86L1025.68 602Z" fill="#FF5500"/>
+<path d="M667.681 602H1026.36L929.54 960.68H570.86L667.681 602Z" fill="#FF5500"/>
+<path d="M571.82 957H930.5L833.68 1315.68H475L571.82 957Z" fill="#FF5500"/>
+<path d="M513.82 1172H872.5L775.68 1530.68H417L513.82 1172Z" fill="#FF5500"/>
+<path d="M440.82 1438H799.5L702.68 1796.68H344L440.82 1438Z" fill="#FF5500"/>
+<path d="M177.82 180H536.5L439.68 538.68H81L177.82 180Z" fill="#FF5500"/>
+<path d="M96.8202 481H455.5L358.68 839.68H0L96.8202 481Z" fill="#FF5500"/>
+</svg>

package/src/images/logofat.svg

@@ -0,0 +1,11 @@
+<svg width="1449" height="1467" viewBox="0 0 1449 1467" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1089.82 0H1448.5L1381.62 247.771C1363.95 313.216 1304.59 358.68 1236.8 358.68H993L1089.82 0Z" fill="#FF5500"/>
+<path d="M861.82 0H1220.5L1123.68 358.68H765L861.82 0Z" fill="#FF5500"/>
+<path d="M503.82 0H862.5L765.68 358.68H407L503.82 0Z" fill="#FF5500"/>
+<path d="M115.882 110.909C133.548 45.4638 192.911 0 260.699 0H504.5L407.68 358.68H49L115.882 110.909Z" fill="#FF5500"/>
+<path d="M716.681 538H1075.36L978.54 896.68H619.86L716.681 538Z" fill="#FF5500"/>
+<path d="M358.681 538H717.36L620.54 896.68H261.86L358.681 538Z" fill="#FF5500"/>
+<path d="M262.82 893H621.5L524.68 1251.68H166L262.82 893Z" fill="#FF5500"/>
+<path d="M204.82 1108H563.5L466.68 1466.68H108L204.82 1108Z" fill="#FF5500"/>
+<path d="M96.8202 180H455.5L358.68 538.68H0L96.8202 180Z" fill="#FF5500"/>
+</svg>