fulldev-ui 0.3.36 → 0.4.0-beta.1

package/.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,57 @@
+name: "Bug report"
+description: Report an issue
+title: '[bug]: '
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ### Thanks for taking the time to create a bug report. Please search existing issues before submitting, as the issue may have already been addressed.
+
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is. If you intend to submit a PR for this issue, describe how in the description.
+      placeholder: Bug description
+    validations:
+      required: true
+
+  - type: input
+    id: components-affected
+    attributes:
+      label: Affected component/components/documentation
+      description: Is this feature request relevant to any of the already existing components?
+      placeholder: ex. Button, Input...
+    validations:
+      required: false
+
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: How to reproduce
+      description:  A step-by-step description of how to reproduce the bug.
+      placeholder: |
+        1. Go to '...'
+        2. Click on '....'
+        3. See error
+    validations:
+      required: true
+
+  - type: textarea
+    id: logs
+    attributes:
+      label: Logs
+      description: "Please include browser console and server logs around the time this bug occurred. Optional if provided reproduction. Please try not to insert an image but copy paste the log text."
+      render: bash
+
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Before submitting
+      description: By submitting this issue, you agree to follow our [Contributing Guidelines](https://github.com/fulldotdev/ui/blob/main/CONTRIBUTING.md).
+      options:
+        - label: I've made research efforts and searched the documentation
+          required: true
+        - label: I've searched for existing issues
+          required: true

package/.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Get Help on Discord
+    url: https://discord.gg/tdmUyH2YE4
+    about: If you can't get something to work, open a forum post in our Discord server.

package/.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,39 @@
+name: 'Feature request'
+description: Create a feature request for fulldev-ui
+title: '[feat]: '
+labels: ['area: request']
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ### Thanks for taking the time to create a feature request! Please search existing issues before submitting, as the issue may have already been addressed.
+
+  - type: textarea
+    id: feature-description
+    attributes:
+      label: Feature description
+      description: Tell us about your feature request
+      placeholder: 'I think this feature would be nice to have because...'
+      value: 'Describe your feature request...'
+    validations:
+      required: true
+
+  - type: input
+    id: components-affected
+    attributes:
+      label: Affected component/components/documentation
+      description: Is this feature request relevant to any of the already existing components?
+      placeholder: ex. Button, Input...
+    validations:
+      required: false
+
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Before submitting
+      description: By submitting this request, you agree to follow our [Contributing Guidelines](https://github.com/fulldotdev/ui/blob/main/CONTRIBUTING.md).
+      options:
+        - label: I've made research efforts and searched the documentation
+          required: true
+        - label: I've searched for existing issues and PRs
+          required: true

package/.github/pull_request_template.md

@@ -0,0 +1,23 @@
+# Changes/Additions being made
+
+Here give examples of the changes you've made in this pull request. Include an itemized list if you can. It'll help the reviewer
+
+## What's the context?
+
+What's the context for the changes? Are there any
+
+## Rationale behind the change or addition
+
+Why did you choose to make these changes? Were there any trade-offs you had to consider?
+
+## Test plan
+
+How do you know the changes are safe to ship to production?
+
+## Screenshots (optional)
+
+If you made visual changes, what are the before an afters?
+
+### Quality check
+
+- [ ] Are there any erroneous console logs, debuggers or leftover code in your changes?

package/.github/workflows/github-releases-to-discord.yml

@@ -0,0 +1,21 @@
+on:
+  release:
+    types: [published]
+
+jobs:
+  github-releases-to-discord:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Github Releases To Discord
+        uses: SethCohen/github-releases-to-discord@v1.13.1
+        with:
+          webhook_url: ${{ secrets.DISCORD_WEBHOOK_URL }}
+          color: '2105893'
+          username: 'Release Changelog'
+          avatar_url: 'https://raw.githubusercontent.com/fulldotdev/ui/main/siteicon.png'
+          content: '@everyone'
+          footer_title: 'fulldev-ui'
+          footer_icon_url: 'https://raw.githubusercontent.com/fulldotdev/ui/main/siteicon.png'
+          footer_timestamp: true

package/.prettierignore

@@ -0,0 +1,15 @@
+# Dependencies
+**/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# Build directories
+**/dist
+**/.astro
+**/.jampack
+**/.vercel
+
+# misc
+**/.DS_Store
+*.pem

package/.prettierrc.yaml

@@ -0,0 +1,34 @@
+tabWidth: 2
+parser: 'typescript'
+semi: false
+singleQuote: true
+trailingComma: 'es5'
+singleAttributePerLine: true
+plugins:
+  - 'prettier-plugin-css-order'
+  - 'prettier-plugin-astro'
+  - 'prettier-plugin-organize-imports' # Must be last
+  - 'prettier-plugin-astro-organize-imports' # Must be last last
+overrides:
+  - files: '*.ts'
+    options:
+      parser: 'typescript'
+  - files: '*.astro'
+    options:
+      parser: 'astro'
+  - files: '*.css'
+    options:
+      parser: 'css'
+  - files: '*.pcss'
+    options:
+      parser: 'css'
+  - files: '*.scss'
+    options:
+      parser: 'scss'
+  - files: '*.mdx'
+    options:
+      parser: 'mdx'
+      singleAttributePerLine: false
+  - files: '*.yml'
+    options:
+      parser: 'yaml'

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

package/.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,23 @@
+{
+  "files.autoSave": "onWindowChange",
+  "editor.tabSize": 2,
+  "editor.indentSize": "tabSize",
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "prettier.documentSelectors": ["**/*.astro"],
+  "[astro]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "files.associations": {
+    "*.astro": "astro"
+  },
+}

package/CHANGELOG.md

@@ -0,0 +1,100 @@
+### fulldev-ui@0.3.36
+
+## What's Changed
+
+Update theming.mdx by @spjpgrd in https://github.com/fulldotdev/ui/pull/41
+
+## New Contributors
+
+@spjpgrd made their first contribution in https://github.com/fulldotdev/ui/pull/41
+
+---
+
+### fulldev-ui@0.3.28
+
+- removed some dependencies on scss, more to come
+- fixed color/contrast selector specificity
+- improved auto-spacing for structures and segments
+- added text-align to align prop on top of align-items
+- added missing size prop type to card
+- general minor fixes and improvements
+
+---
+
+### fulldev-ui@0.3.7
+
+This release includes minor fixes and improvements
+
+- z-index 1 to all components for img background
+- avatar size improved
+- button now accepts avatar
+- image mask-lg
+- rating accepts label and avatars
+- card only overflow when panel
+- section overflow-hidden when panel
+- child spacing fixes
+
+---
+
+### fulldev-ui@0.3.2
+
+- We have refactored the documentation of every single component for better understanding.
+- Component documentation now includes an interactive story-like preview. You can play around with live props and copy the code.
+- Added a search function to the header.
+- Props are now displayed more clearly with better examples using a table.
+
+### Tailwind Plugin & UnoCSS Preset
+
+For more information on this, visit the [frameworks page](https://ui.full.dev/overview/frameworks/).
+
+### Base Components
+
+- [Checkbox component](https://ui.full.dev/base/checkbox/) added
+- [Image component](https://ui.full.dev/base/image/) added
+- [Table component](https://ui.full.dev/base/table/) added
+- [Rating component](https://ui.full.dev/base/rating) added
+- [Select](https://ui.full.dev/base/select) and [Input](https://ui.full.dev/base/input) components have been modified to accept a label.
+
+### Typography Components
+
+- [Text component](https://ui.full.dev/typography/text/) (renamed from Paragraph)
+- [Link Component](https://ui.full.dev/typography/link) now has an underline prop.
+
+### Structure Components
+
+- [Wrap structure](https://ui.full.dev/structure/wrap/) added
+- Group structure removed, you can use Column, Row or Wrap directly
+- Stack has been renamed to Column
+
+### Segment Components
+
+- [Header component](https://ui.full.dev/segment/header/) added
+- [Footer component](https://ui.full.dev/segment/footer/) added
+- Deck segment removed, you can use Grid, Carousel or Masonry directly
+
+Theming
+[Theming](https://ui.full.dev/overview/theming/) has been revamped. Please read the documentation.
+
+Props:
+
+- `density` has been replaced by a boolean prop called `compact`
+- `variant` has different values.
+- `contrast` has been added as a boolean prop. Formerly was included in variant
+- `color` prop added as part of the revamped theming system
+
+## Migrating from v0.2
+
+Please go through the above specified changes and update you project accordingly. From this point on versions will have a lot less breaking changes. If they still do appear, we make sure to provide clear migration instructions.
+
+For any feedback, issues, or missing information, please create an [issue](https://github.com/fulldotdev/ui/issues/new/choose). We'd also love to hear what you think about this release and invite you to have a chat in our [Discord](https://discord.gg/CAqgtsgW).
+
+---
+
+## fulldev-ui@0.2.10
+
+In this release we focussed on showing and improving the things that make Fulldev UI unique.
+
+- Updated homepage to include examples and features
+- Updates default and docs color palette to be more like the Astro ecosystem
+- Added segment and structure components
+- Added support for usage with CSS/JS frameworks

package/CONTRIBUTING.md

@@ -0,0 +1,102 @@
+# 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/
+│   │   │   └── ...
+│   │   ├── settings/
+│   │   │   └── ...
+│   │   └── ...
+│   ├── css/
+│   │   └── ...
+│   ├── integration/
+│   │   └── ...
+│   ├── layouts/
+│   │   └── ...
+│   ├── pages/
+│   │   └── ...
+│   ├── schemas/
+│   │   └── ...
+│   └── 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. Clone the Github repository in your designated folder:
+
+```bash
+git clone https://github.com/fulldotdev/ui.git
+```
+
+2. Enter the folder using `cd ui`.
+
+3. Create a new branch:
+
+```bash
+git checkout -b my-new-branch
+```
+
+1. 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.
+
+1. Run the development server:
+
+```bash
+pnpm dev
+```
+
+## Commit & Pull Requests
+
+### Commit Conduct
+
+For a faster and easier review we advise you to use [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/#summary).
+
+## 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/LICENCE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Fulldev, Sil Veltman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,21 +1,23 @@
 # Fulldev UI
 
-The [Astro][astro] UI library for content-driven websites
-
-Rapidly build content-driven websites, with the power of modern design,
-static / server rendering, and CSS cascading styles.
+The [Astro][astro] UI library to build entire websites
 
+Make websites with prebuilt components and blocks
 ## Documentation
 
 Please visit the [documentation site][docs]
 
+## Contributing
+
+We welcome all contributions. Please read our [contributing guide](/CONTRIBUTING.md) to get started.
+
 ## Support
 
-Please [create a Github issue ][issues] for things that cross your mind; feature requests, bug reports or feedback.
+Please [create a Github issue][issues] for things that cross your mind; feature requests, bug reports or feedback.
 
-## Older versions
-This package has moved to here. See [this package](https://www.npmjs.com/package/@fullui/ui) for older versions.
+## 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
 

package/astro.config.ts

@@ -0,0 +1,44 @@
+import mdx from '@astrojs/mdx'
+import sitemap from '@astrojs/sitemap'
+// @ts-ignore
+import liveCode from 'astro-live-code'
+import pagefind from 'astro-pagefind'
+import { defineConfig } from 'astro/config'
+import integration from 'fulldev-ui/integration'
+
+// https://astro.build/config
+export default defineConfig({
+  site: 'https://ui.full.dev',
+  integrations: [
+    sitemap(),
+    mdx(),
+    pagefind(),
+
+    liveCode({
+      layout: '/src/components/experimental/Window.astro',
+    }),
+    integration({
+      css: '/src/css/custom.css',
+      colors: {
+        theme: 'dark',
+        light: {
+          background: '#fff',
+          base: '#6F6D66',
+          brand: '#F50',
+        },
+        dark: {
+          background: '#111110',
+          base: '#6F6D66',
+          brand: '#F50',
+        },
+      },
+    }),
+  ],
+  redirects: {
+    '/discord': 'https://discord.gg/vXZqMbadm8',
+    '/segment/card': '/base/card',
+    '/segment/section': '/base/section',
+    '/segment/header': '/blocks/header',
+    '/segment/footer': '/blocks/footer',
+  },
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.3.36",
+  "version": "0.4.0-beta.1",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
@@ -8,6 +8,7 @@
   "author": "Fulldev <contact@full.dev> (https://full.dev)",
   "repository": "github:fulldotdev/ui",
   "keywords": [
+    "astro-integration",
     "withastro",
     "astro",
     "astro-component",
@@ -17,37 +18,51 @@
   ],
   "scripts": {
     "dev": "astro dev",
-    "test": "astro check",
-    "check": "astro check"
+    "start": "astro dev",
+    "build": "astro build",
+    "check": "astro check",
+    "preview": "astro preview",
+    "astro": "astro",
+    "test": "astro check && astro build && astro preview --host"
   },
   "type": "module",
   "exports": {
-    ".": "./src/index.ts",
-    "./color": "./src/css/color.css",
-    "./integration": "./src/integration/integration.ts",
-    "./tailwind": "./src/integration/tailwind.ts",
-    "./unocss": "./src/integration/unocss.ts"
-  },
-  "devDependencies": {
-    "@astrojs/check": "^0.5.9",
-    "@types/flat": "^5.0.5",
-    "unocss": "^0.61.0"
-  },
-  "peerDependencies": {
-    "astro": "^4.5.5",
-    "typescript": "^5.4.3"
+    ".": "./src/integration/index.ts",
+    "./*": "./src/*",
+    "./[...page].astro": "./src/pages/[...page].astro",
+    "./integration": "./src/integration/index.ts",
+    "./tailwind": "./src/integration/tailwind-plugin.ts",
+    "./unocss": "./src/integration/unocss-preset.ts"
   },
   "dependencies": {
-    "@iconify-json/tabler": "^1.1.109",
-    "astro-seo": "^0.8.3",
-    "flat": "^6.0.1",
-    "html-element-attributes": "^3.4.0",
+    "@astrojs/mdx": "^3.1.6",
+    "@astrojs/sitemap": "^3.1.6",
+    "@astrolib/seo": "1.0.0-beta.6",
+    "@iconify-json/tabler": "^1.2.3",
+    "@radix-ui/colors": "^3.0.0",
+    "astro": "^4.15.7",
+    "astro-live-code": "^0.0.3",
+    "astro-pagefind": "^1.6.0",
+    "astro-seo": "^0.8.4",
+    "bezier-easing": "^2.1.0",
+    "colorjs.io": "^0.5.2",
+    "deepmerge": "^4.3.1",
+    "fs": "0.0.1-security",
     "radash": "^12.1.0",
-    "remeda": "1.61.0",
-    "sass": "^1.77.0",
-    "tailwindcss": "^3.4.4",
-    "tailwindcss-themer": "^4.0.0",
-    "typescript": "^5.4.3",
+    "remeda": "2.14.0",
+    "sass": "^1.79.1",
+    "tailwindcss": "^3.4.12",
+    "typescript": "^5.6.2",
+    "unocss": "^0.62.4",
+    "url": "^0.11.4",
     "vite-plugin-virtual": "^0.3.0"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.3",
+    "prettier": "3.3.3",
+    "prettier-plugin-astro": "0.14.1",
+    "prettier-plugin-astro-organize-imports": "^0.4.9",
+    "prettier-plugin-css-order": "^2.1.2",
+    "prettier-plugin-organize-imports": "^4.0.0"
   }
-}
+}