fulldev-ui 0.6.5 → 0.7.0-beta.1

package/CONTRIBUTING.md

@@ -1,124 +0,0 @@
-# Contributing
-
-We're excited by your interest in contributing to fulldev-ui,
-Here lay a few resources we wrote to help you do it!
-
-## Repo Structure
-
-```md
-.
-├── src/
-│   ├── blocks/
-│   │   └── ...
-│   ├── components/
-│   │   └── ...
-│   ├── content/
-│   │   ├── pages/
-│   │   │   └── ...
-│   │   ├── presets/
-│   │   │   └── ...
-│   │   └── ...
-│   ├── css/
-│   │   └── ...
-│   ├── images/
-│   │   └── ...
-│   ├── integration/
-│   │   └── ...
-│   ├── layouts/
-│   │   └── ...
-│   ├── loaders/
-│   │   └── ...
-│   ├── pages/
-│   │   └── ...
-│   ├── schemas/
-│   │   └── ...
-│   ├── types/
-│   │   └── ...
-│   └── utils/
-│       └── ...
-├── public/
-│   └── ...
-└──
-```
-
-### /src
-
-The main source directory containing all the core files of the project.
-
-- **blocks/**: Contains reusable block components that can be composed to build pages also exported to the package.
-- **components/**: Houses individual UI components used throughout the project also exported to the package.
-- **content/**: Stores content-related files:
-  - **pages/**: Contains markdown or MDX files for individual pages.
-  - **settings/**: Includes configuration files for various settings like the sidebar.
-- **css/**: Contains global CSS files and styles.
-- **integration/**: Holds astro integration-related code.
-- **layouts/**: Stores layout components used to structure pages.
-- **pages/**: Contains Astro page components that define the routes of the website.
-- **schemas/**: Includes schema definitions for content validation.
-- **utils/**: Houses utility functions and helper modules used across the project.
-
-## Development
-
-### Setup
-
-1. Fork the [repository](https://github.com/fulldotdev/ui) by clicking the fork button on the top right of the repository page.
-
-2. Clone the Github repository in your designated folder:
-
-```bash
-git clone https://github.com/your-user-name/ui
-```
-Ensure the cloned repo is named "ui" or replace "ui" with your fork's name.
-
-2. Enter the folder using `cd ui`.
-
-3. Create a new branch:
-
-```bash
-git checkout -b my-new-branch
-```
-
-4. Install the packages using pnpm:
-
-```bash
-pnpm install
-```
-
-Make sure to do this in root to make sure you're using the local version of the component package.
-
-5. Run the development server:
-
-```bash
-pnpm dev
-```
-
-## Commit & Pull Requests
-
-### Pull Requests
-
-The simplest way to open a pull request with your changes is by using github web, after following the [setup guide](#setup) and commit your changes you have a contribute button at the top of your repo, after clicking that you should be able to make a pull request and go from there.
-
-### Commit Conduct
-
-For a faster and easier review we advise you to use [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/#summary).
-
-## Showcase
-
-Have you used fulldev-ui to build a website? Add it to the showcase!
-
-1. Fork this repository.
-2. Add a screenshot of your site to the `/src/images/showcase/` directory.
-3. Create a file which in `/src/content/pages/showcase/` for example `/src/content/pages/showcase/google.md`.
-4. Go to the forked repository on your Github and clicke the "Contribute" button to make a Pull Request.
-
-## Community / Contact
-
-Looking to share your work using fulldev-ui, regular talks about it or support join our [discord server](https://discord.gg/tdmUyH2YE4).
-
-## License
-
-MIT License
-
-Copyright (c) 2024 Sil Veltman
-
-For the entire license [read this](https://github.com/fulldotdev/ui/blob/main/LICENCE).

package/cloudcannon.config.yml

@@ -1,207 +0,0 @@
-paths:
-  static: public
-  uploads: public/images
-
-collection_groups:
-  - heading: Content
-    collections:
-      - pages
-      - records
-  - heading: Settings
-    collections:
-      - layouts
-
-collections_config:
-  pages:
-    path: src/content/pages
-    url: /[full_slug]/
-    disable_add_folder: true
-    _enabled_editors:
-      - visual
-      - content
-    schemas:
-      page:
-        remove_extra_inputs: false
-        remove_empty_inputs: true
-        hide_extra_inputs: true
-        path: schemas/page.md
-      job:
-        remove_extra_inputs: false
-        remove_empty_inputs: true
-        hide_extra_inputs: true
-        path: schemas/job.md
-      jobs:
-        remove_extra_inputs: false
-        remove_empty_inputs: true
-        hide_extra_inputs: true
-        path: schemas/jobs.md
-      post:
-        remove_extra_inputs: false
-        remove_empty_inputs: true
-        hide_extra_inputs: true
-        path: schemas/post.md
-  records:
-    path: src/content/records
-    name: Records
-    disable_url: true
-    disable_add_folder: true
-    _enabled_editors:
-      - data
-  layouts:
-    path: src/content/layouts
-    name: Layouts
-    icon: web
-    disable_url: true
-    disable_add: true
-    disable_add_folder: true
-    disable_file_actions: true
-    _enabled_editors:
-      - data
-_inputs:
-  pages:
-    type: multiselect
-    label: Categorieën
-    options:
-      values: collections.pages
-  categories:
-    type: multiselect
-    label: Categorieën
-    options:
-      values: collections.pages
-  href:
-    type: url
-    label: Link
-  rating:
-    label: Rating
-    type: range
-    options:
-      min: 0
-      max: 5
-      step: 0.1
-  head:
-    label: SEO / Settings
-    type: object
-    options:
-      empty_type: object
-  head.title:
-    label: SEO title
-    comment: 50-60 characters
-  head.description:
-    label: SEO description
-    comment: 50-120 characters
-  head.image:
-    type: image
-    label: Image
-    comment: Visible when you share a link of the page
-    options:
-      accepts_mime_types: image/jpeg,image/jpg,image/png,image/webp
-      mime_type: image/png
-      resize_style: contain
-      width: 1200
-      height: 640
-  images:
-    type: array
-    cascade: true
-  images[*]:
-    type: image
-    options:
-      accepts_mime_types: image/jpeg,image/jpg,image/png,image/webp
-      mime_type: image/webp
-      resize_style: contain
-      width: 1920
-      height: 1920
-  image:
-    type: image
-    label: Afbeelding
-    options:
-      accepts_mime_types: image/jpeg,image/jpg,image/png,image/webp
-      mime_type: image/webp
-      resize_style: contain
-      width: 1920
-      height: 1920
-  list:
-    type: array
-  list[*]:
-    type: text
-  hidden:
-    label: Hide
-    type: switch
-  soldout:
-    label: Sold out
-    type: switch
-  draft:
-    label: Draft
-    type: switch
-  order:
-    label: Volgorde
-    type: number
-  paragraph:
-    type: textarea
-    label: Tekst
-  text:
-    type: textarea
-    label: Tekst
-  button.text:
-    type: text
-  options:
-    type: array
-    label: Opties
-  options[*]:
-    type: text
-  variations:
-    type: array
-    label: Variations
-  sizes:
-    type: array
-    label: Sizes
-  sizes[*]:
-    type: text
-  logo:
-    type: image
-    cascade: true
-    options:
-      accepts_mime_types: image/jpeg,image/jpg,image/png,image/webp
-      mime_type: image/webp
-      resize_style: contain
-      width: 260
-      height: 32
-  price:
-    type: number
-  content:
-    type: html
-  name:
-    hidden: true
-  id:
-    hidden: true
-
-_structures:
-  head:
-    remove_empty_inputs: true
-    id_key: title
-    values:
-      - label: SEO / Settings
-        value:
-          title: null
-          description: null
-          image: null
-          code: null
-_editables:
-  content:
-    allow_custom_markup: false
-    remove_custom_markup: false
-    bold: true
-    bulletedlist: true
-    format: p h1 h2 h3 h4 h5 h6
-    image: true
-    image_size_attributes: true
-    italic: true
-    link: true
-    numberedlist: true
-    redo: true
-    table: true
-    underline: true
-    undo: true
-    mime_type: image/webp
-    resize_style: contain
-    width: 1920
-    height: 1920

package/public/favicon/browserconfig.xml

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

package/public/favicon/favicon.svg

@@ -1,16 +0,0 @@
-<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/public/favicon/manifest.webmanifest

@@ -1,30 +0,0 @@
-{
-  "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/public/favicon/safari-pinned-tab.svg

@@ -1,16 +0,0 @@
-<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/public/favicon/yandex-browser-manifest.json

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

package/src/blocks/Banner.astro

@@ -1,31 +0,0 @@
----
-import Element from 'fulldev-ui/components/Element.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-
-interface Props extends BlockSchema {}
-
-const { text, ...rest } = Astro.props
----
-
-<Element
-  class:list="banner"
-  as="header"
-  {...rest}
->
-  <Container>
-    <Fragment set:html={text} />
-  </Container>
-</Element>
-
-<style is:global>
-  @layer fulldev {
-    .banner {
-      @apply relative flex w-full items-center bg-primary py-2.5 text-primary-foreground;
-
-      .container {
-        @apply flex items-center justify-center overflow-hidden bg-primary text-center text-sm leading-none text-primary-foreground;
-      }
-    }
-  }
-</style>

package/src/blocks/Colleagues1.astro

@@ -1,74 +0,0 @@
----
-import Element from 'fulldev-ui/components/Element.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Matrix from 'fulldev-ui/structures/Matrix.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Writeup from 'fulldev-ui/structures/Writeup.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth = 2, tagline, heading, paragraph, cards, ...rest } = Astro.props
----
-
-<Section
-  class:list="colleagues-1"
-  {...rest}
->
-  <Container>
-    <Writeup align="center">
-      <Tagline
-        size="sm"
-        text={tagline}
-      />
-      <Heading
-        size="3xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph text={paragraph} />
-    </Writeup>
-    <Matrix>
-      {
-        cards?.map(({ image, heading, paragraph }) => (
-          <Element class:list="colleagues-card">
-            <Image {...image} />
-            <Heading
-              depth={(depth + 1) as 3}
-              as="h3"
-              size="xl"
-              text={heading}
-            />
-            <Paragraph text={paragraph} />
-          </Element>
-        ))
-      }
-    </Matrix>
-  </Container>
-</Section>
-
-<style is:global>
-  @layer fulldev {
-    .colleagues-1 {
-      .container {
-        @apply flex flex-col items-center gap-16;
-      }
-
-      .colleagues-cards {
-        @apply grid grid-cols-1 gap-8 lg:grid-cols-3;
-      }
-
-      .colleagues-card {
-        @apply flex flex-col items-center text-center;
-      }
-
-      .image {
-        @apply mb-4 aspect-square w-2/3 rounded-full object-cover;
-      }
-    }
-  }
-</style>

package/src/blocks/Compare1.astro

@@ -1,64 +0,0 @@
----
-import Button from 'fulldev-ui/components/Button.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import List from 'fulldev-ui/components/List.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Card from 'fulldev-ui/structures/Card.astro'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Stack from 'fulldev-ui/structures/Stack.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth = 2, heading, paragraph, button, pros, cons } = Astro.props
----
-
-<Section class="pricings-1">
-  <Container class="flex flex-col items-center gap-16">
-    <Prose class="text-center">
-      <Heading
-        size="5xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph
-        size="xl"
-        text={paragraph}
-      />
-    </Prose>
-    <Stack class="mx-auto flex flex-wrap items-stretch justify-center">
-      {
-        [cons || {}, pros || {}].map(
-          ({ tagline, heading, paragraph, list }, i) => (
-            <Card
-              class:list={`min-w-sm flex max-w-md flex-col justify-between gap-8 p-8 ${i === 0 ? 'bg-transparent' : ''}`}
-            >
-              <Prose>
-                <Tagline text={tagline} />
-                <Heading
-                  depth={(depth + 1) as 3}
-                  size="3xl"
-                  text={heading}
-                />
-                <Paragraph
-                  muted={i === 0}
-                  text={paragraph}
-                />
-                <List
-                  icon={i === 0 ? 'x' : 'check'}
-                  muted={i === 0}
-                  size="sm"
-                  items={list}
-                />
-              </Prose>
-            </Card>
-          )
-        )
-      }
-    </Stack>
-    <Button {...button} />
-  </Container>
-</Section>

package/src/blocks/Content2.astro

@@ -1,47 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Split from 'fulldev-ui/structures/Split.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth, tagline, heading, paragraph, buttons, image, content, ...rest } =
-  Astro.props
----
-
-<Section
-  class="content-2"
-  {...rest}
->
-  <Container>
-    <Split align="center">
-      <Prose>
-        <Tagline text={tagline} />
-        <Heading
-          size="4xl"
-          text={heading}
-          {depth}
-        />
-        <Paragraph
-          muted
-          size="lg"
-          text={paragraph}
-        />
-        <Fragment set:html={content} />
-        <slot />
-        <Group>
-          <Buttons {buttons} />
-        </Group>
-      </Prose>
-      <Image {...image} />
-    </Split>
-  </Container>
-</Section>