diff --git a/.codeclimate.yml b/.codeclimate.yml
new file mode 100644
index 00000000..977549c5
--- /dev/null
+++ b/.codeclimate.yml
@@ -0,0 +1,40 @@
+engines:
+  duplication:
+    enabled: true
+    exclude_paths:
+    - "Tests/"
+    - "config/"
+    - "src/config/"
+    - "Database/Migrations"
+
+    config:
+      languages:
+      - php
+
+  fixme:
+    enabled: true
+    exclude_paths:
+    - "Tests/"
+
+  phpmd:
+    enabled: true
+    exclude_paths:
+    - "Tests/"
+    - "Database/Migrations"
+    checks:
+      CleanCode/StaticAccess:
+        enabled: false
+      Design/CouplingBetweenObjects:
+        enabled: false
+      Naming/ShortVariable:
+        enabled: false
+
+ratings:
+  paths:
+  - "**.php"
+
+exclude_paths:
+  - "Tests/"
+  - "**.md"
+  - "**.json"
+  - "**.xml"
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 00000000..a7c44ddb
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,15 @@
+root = true
+
+[*]
+charset = utf-8
+indent_size = 4
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..1919c6d9
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,6 @@
+* text=auto
+*.css linguist-vendored
+*.scss linguist-vendored
+*.js linguist-vendored
+CHANGELOG.md export-ignore
+*.psd filter=lfs diff=lfs merge=lfs -text
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
new file mode 100644
index 00000000..0482dfe7
--- /dev/null
+++ b/.github/CONTRIBUTING.md
@@ -0,0 +1,55 @@
+# Contributing
+
+Contributions are **welcome** and will be fully **credited**.
+
+Please read and understand the contribution guide before creating an issue or pull request.
+
+## Etiquette
+
+This project is open source, and as such, the maintainers give their free time to build and maintain the source code
+held within. They make the code freely available in the hope that it will be of use to other developers. It would be
+extremely unfair for them to suffer abuse or anger for their hard work.
+
+Please be considerate towards maintainers when raising issues or presenting pull requests. Let's show the
+world that developers are civilized and selfless people.
+
+It's the duty of the maintainer to ensure that all submissions to the project are of sufficient
+quality to benefit the project. Many developers have different skillsets, strengths, and weaknesses. Respect the maintainer's decision, and do not be upset or abusive if your submission is not used.
+
+## Viability
+
+When requesting or submitting new features, first consider whether it might be useful to others. Open
+source projects are used by many developers, who may have entirely different needs to your own. Think about
+whether or not your feature is likely to be used by other users of the project.
+
+## Procedure
+
+Before filing an issue:
+
+- Attempt to replicate the problem, to ensure that it wasn't a coincidental incident.
+- Check to make sure your feature suggestion isn't already present within the project.
+- Check the pull requests tab to ensure that the bug doesn't have a fix in progress.
+- Check the pull requests tab to ensure that the feature isn't already in progress.
+
+Before submitting a pull request:
+
+- Check the codebase to ensure that your feature doesn't already exist.
+- Check the pull requests to ensure that another person hasn't already submitted the feature or fix.
+
+## Requirements
+
+If the project maintainer has any additional requirements, you will find them listed here.
+
+- **[PSR-2 Coding Standard](https://github.com/php-fig/fig-standards/blob/master/accepted/PSR-2-coding-style-guide.md)** - The standard can be enforced by running the `composer lint` console command.
+
+- **Add tests!** - Your patch won't be accepted if it doesn't have tests.
+
+- **Document any change in behaviour** - Make sure the `README.md` and any other relevant documentation are kept up-to-date.
+
+- **Consider our release cycle** - We try to follow [SemVer v2.0.0](https://semver.org/). Randomly breaking public APIs is not an option.
+
+- **One pull request per feature** - If you want to do more than one thing, send multiple pull requests.
+
+- **Send coherent history** - Make sure each individual commit in your pull request is meaningful. If you had to make multiple intermediate commits while developing, please [squash them](https://www.git-scm.com/book/en/v2/Git-Tools-Rewriting-History#Changing-Multiple-Commit-Messages) before submitting.
+
+**Happy coding**!
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 00000000..e11ff6af
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1 @@
+github: [marco76tv, laraxot]
diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml
new file mode 100644
index 00000000..fe4cfe6d
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug.yml
@@ -0,0 +1,66 @@
+name: Bug Report
+description: Report an Issue or Bug with the Package
+title: "[Bug]: "
+labels: ["bug"]
+body:
+    - type: markdown
+      attributes:
+          value: |
+              We're sorry to hear you have a problem. Can you help us solve it by providing the following details.
+    - type: textarea
+      id: what-happened
+      attributes:
+          label: What happened?
+          description: What did you expect to happen?
+          placeholder: I cannot currently do X thing because when I do, it breaks X thing.
+      validations:
+          required: true
+    - type: textarea
+      id: how-to-reproduce
+      attributes:
+          label: How to reproduce the bug
+          description: How did this occur, please add any config values used and provide a set of reliable steps if possible.
+          placeholder: When I do X I see Y.
+      validations:
+          required: true
+    - type: input
+      id: package-version
+      attributes:
+          label: Package Version
+          description: What version of our Package are you running? Please be as specific as possible
+          placeholder: 2.0.0
+      validations:
+          required: true
+    - type: input
+      id: php-version
+      attributes:
+          label: PHP Version
+          description: What version of PHP are you running? Please be as specific as possible
+          placeholder: 8.2.0
+      validations:
+          required: true
+    - type: input
+      id: laravel-version
+      attributes:
+        label: Laravel Version
+        description: What version of Laravel are you running? Please be as specific as possible
+        placeholder: 9.0.0
+      validations:
+        required: true
+    - type: dropdown
+      id: operating-systems
+      attributes:
+        label: Which operating systems does with happen with?
+        description: You may select more than one.
+        multiple: true
+        options:
+        - macOS
+        - Windows
+        - Linux
+    - type: textarea
+      id: notes
+      attributes:
+          label: Notes
+          description: Use this field to provide any other notes that you feel might be relevant to the issue.
+      validations:
+          required: false
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 00000000..96701be9
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,11 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Ask a question
+    url: https://github.com/:vendor_name/:package_name/discussions/new?category=q-a
+    about: Ask the community for help
+  - name: Request a feature
+    url: https://github.com/:vendor_name/:package_name/discussions/new?category=ideas
+    about: Share ideas for new features
+  - name: Report a security issue
+    url: https://github.com/:vendor_name/:package_name/security/policy
+    about: Learn how to notify us for sensitive bugs
diff --git a/.github/SECURITY.md b/.github/SECURITY.md
new file mode 100644
index 00000000..c9ac01f0
--- /dev/null
+++ b/.github/SECURITY.md
@@ -0,0 +1,3 @@
+# Security Policy
+
+If you have found any issue regarding security, please send an email [marco.sottana@gmail.com](mailto:marco.sottana@gmail.com) instead of using the issue tracker and we will quickly work on it.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 00000000..da7ff729
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,13 @@
+version: 2
+updates:
+  - package-ecosystem: "composer"
+    directory: "/"
+    schedule:
+      interval: "daily"
+
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    labels:
+      - "dependencies"
diff --git a/.github/workflows/.gitkeep b/.github/workflows/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/.github/workflows/dependabot-auto-merge.yml b/.github/workflows/dependabot-auto-merge.yml
new file mode 100644
index 00000000..f98ff2ad
--- /dev/null
+++ b/.github/workflows/dependabot-auto-merge.yml
@@ -0,0 +1,32 @@
+name: dependabot-auto-merge
+on: pull_request_target
+
+permissions:
+  pull-requests: write
+  contents: write
+
+jobs:
+  dependabot:
+    runs-on: ubuntu-latest
+    if: ${{ github.actor == 'dependabot[bot]' }}
+    steps:
+
+      - name: Dependabot metadata
+        id: metadata
+        uses: dependabot/fetch-metadata@v1.6.0
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+
+      - name: Auto-merge Dependabot PRs for semver-minor updates
+        if: ${{steps.metadata.outputs.update-type == 'version-update:semver-minor'}}
+        run: gh pr merge --auto --merge "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+
+      - name: Auto-merge Dependabot PRs for semver-patch updates
+        if: ${{steps.metadata.outputs.update-type == 'version-update:semver-patch'}}
+        run: gh pr merge --auto --merge "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
diff --git a/.github/workflows/duster-fix-blame.yml b/.github/workflows/duster-fix-blame.yml
new file mode 100644
index 00000000..5aa4c7da
--- /dev/null
+++ b/.github/workflows/duster-fix-blame.yml
@@ -0,0 +1,43 @@
+name: Duster Fix
+
+# Commits made in here will not trigger any workflows
+# Checkout Duster's documentation for a workaround
+
+on:
+    push:
+        branches: [ master ]
+    pull_request:
+
+jobs:
+  duster:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          ref: ${{ github.head_ref }}
+
+      - name: "Duster Fix"
+        uses: tighten/duster-action@v2
+        with:
+          args: fix
+
+      - uses: stefanzweifel/git-auto-commit-action@v4
+        id: auto_commit_action
+        with:
+          commit_message: Dusting
+          commit_user_name: GitHub Action
+          commit_user_email: actions@github.com
+
+      - name: Ignore Duster commit in git blame
+        if: steps.auto_commit_action.outputs.changes_detected == 'true'
+        run: echo ${{ steps.auto_commit_action.outputs.commit_hash }} >> .git-blame-ignore-revs
+
+      - uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: Ignore Dusting commit in git blame
+          commit_user_name: GitHub Action
+          commit_user_email: actions@github.com
diff --git a/.github/workflows/fix-php-code-style-issues.bak b/.github/workflows/fix-php-code-style-issues.bak
new file mode 100644
index 00000000..7ed64b70
--- /dev/null
+++ b/.github/workflows/fix-php-code-style-issues.bak
@@ -0,0 +1,27 @@
+name: Fix PHP code style issues
+
+on:
+  push:
+    paths:
+      - '**.php'
+
+permissions:
+  contents: write
+
+jobs:
+  php-code-styling:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.head_ref }}
+
+      - name: Fix PHP code style issues
+        uses: aglipanci/laravel-pint-action@2.2.0
+
+      - name: Commit changes
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: Check & fix styling
diff --git a/.github/workflows/php-cs-fixer.yml b/.github/workflows/php-cs-fixer.yml
new file mode 100644
index 00000000..b5622b26
--- /dev/null
+++ b/.github/workflows/php-cs-fixer.yml
@@ -0,0 +1,23 @@
+name: lint
+
+on: [push]
+
+jobs:
+  php-cs-fixer:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@master
+        with:
+          ref: ${{ github.head_ref }}
+
+      - name: Run PHP CS Fixer
+        uses: docker://oskarstark/php-cs-fixer-ga
+        with:
+          args: --config=.php-cs-fixer.dist.php --allow-risky=yes
+
+      - name: Commit changes
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: Lint
\ No newline at end of file
diff --git a/.github/workflows/phpmd.bak b/.github/workflows/phpmd.bak
new file mode 100644
index 00000000..f5195365
--- /dev/null
+++ b/.github/workflows/phpmd.bak
@@ -0,0 +1,20 @@
+name: phpmd
+
+on: push
+
+jobs: 
+  phpmd:
+    name: PHPMD
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup PHP environment
+        uses: shivammathur/setup-php@v2
+        with:
+          coverage: none
+          tools: phpmd
+
+      - name: Run PHPMD
+        run: phpmd . github phpmd.ruleset.xml --exclude 'tests/*,vendor/*'
\ No newline at end of file
diff --git a/.github/workflows/phpstan.yml b/.github/workflows/phpstan.yml
new file mode 100644
index 00000000..9d41c0cf
--- /dev/null
+++ b/.github/workflows/phpstan.yml
@@ -0,0 +1,26 @@
+name: PHPStan
+
+on:
+  push:
+    paths:
+      - '**.php'
+      - 'phpstan.neon.dist'
+
+jobs:
+  phpstan:
+    name: phpstan
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '8.1'
+          coverage: none
+
+      - name: Install composer dependencies
+        uses: ramsey/composer-install@v2
+
+      - name: Run PHPStan
+        run: ./vendor/bin/phpstan --error-format=github
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 00000000..119d7804
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,39 @@
+name: Publish
+
+on:
+  push:
+    branches:
+      - master
+
+permissions: 
+  contents: write
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@master
+
+    - name: Validate composer.json and composer.lock
+      run: cd docs && composer validate
+
+    - name: Composer
+      run: cd docs && composer install --no-progress --no-suggest
+
+    - name: Node
+      run: cd docs && npm install
+      
+    - name: Production
+      run: cd docs && npm run prod
+      
+    - name: CNAME
+      run: cd docs && echo "laraxot.github.io/module_activity" > ./build_production/CNAME
+    
+    - name: gh-pages
+      uses: JamesIves/github-pages-deploy-action@v4
+      with:
+        branch: gh-pages
+        folder: ./docs/build_production
diff --git a/.github/workflows/rector.yaml b/.github/workflows/rector.yaml
new file mode 100644
index 00000000..8f485650
--- /dev/null
+++ b/.github/workflows/rector.yaml
@@ -0,0 +1,31 @@
+# Inspiration https://github.com/symplify/symplify/blob/main/.github/workflows/rector.yaml
+name: Rector
+ 
+on:
+  pull_request: null
+ 
+jobs:
+  rector:
+    runs-on: ubuntu-latest
+ 
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          token: "${{ secrets.ACCESS_TOKEN || secrets.GITHUB_TOKEN }}"
+ 
+      - uses: shivammathur/setup-php@v2
+        with:
+          php-version: 8.1
+ 
+      - uses: "ramsey/composer-install@v2"
+ 
+      - run: vendor/bin/rector --ansi
+ 
+      - uses: EndBug/add-and-commit@v5.1.0
+        with:
+          add: .
+          message: "[ci-review] Rector Rectify"
+          author_name: "GitHub Action"
+          author_email: "action@github.com"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
diff --git a/.github/workflows/run-tests.yml b/.github/workflows/run-tests.yml
new file mode 100644
index 00000000..57152e11
--- /dev/null
+++ b/.github/workflows/run-tests.yml
@@ -0,0 +1,51 @@
+name: run-tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  test:
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: true
+      matrix:
+        os: [ubuntu-latest, windows-latest]
+        php: [8.2, 8.1]
+        laravel: [10.*]
+        stability: [prefer-lowest, prefer-stable]
+        include:
+          - laravel: 10.*
+            testbench: 8.*
+            carbon: ^2.63
+
+    name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: ${{ matrix.php }}
+          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv, imagick, fileinfo
+          coverage: none
+
+      - name: Setup problem matchers
+        run: |
+          echo "::add-matcher::${{ runner.tool_cache }}/php.json"
+          echo "::add-matcher::${{ runner.tool_cache }}/phpunit.json"
+
+      - name: Install dependencies
+        run: |
+          composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" "nesbot/carbon:${{ matrix.carbon }}" --no-interaction --no-update
+          composer update --${{ matrix.stability }} --prefer-dist --no-interaction
+
+      - name: List Installed Dependencies
+        run: composer show -D
+
+      - name: Execute tests
+        run: vendor/bin/pest
diff --git a/.github/workflows/update-changelog.yml b/.github/workflows/update-changelog.yml
new file mode 100644
index 00000000..8c12ba9e
--- /dev/null
+++ b/.github/workflows/update-changelog.yml
@@ -0,0 +1,31 @@
+name: "Update Changelog"
+
+on:
+  release:
+    types: [released]
+
+permissions:
+  contents: write
+
+jobs:
+  update:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          ref: main
+
+      - name: Update Changelog
+        uses: stefanzweifel/changelog-updater-action@v1
+        with:
+          latest-version: ${{ github.event.release.name }}
+          release-notes: ${{ github.event.release.body }}
+
+      - name: Commit updated CHANGELOG
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          branch: main
+          commit_message: Update CHANGELOG
+          file_pattern: CHANGELOG.md
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..329b6a7e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+/vendor
+*.lock
+/build
+composer.lock
+composer.lock
+*.lock
+package-lock.json
+.php-cs-fixer.cache
+*.cache
+.git-blame-ignore-revs
+.git-rewrite
+.git-blame-ignore-revs
+*.phar
+.php-cs-fixer.cache
+*.cache
+.git-blame-ignore-revs
+package-lock.json
+.php-cs-fixer.cache
+package-lock.json
+.git-rewrite/
+*.phar
+.git-rewrite/
+.php-cs-fixer.cache
+
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 00000000..692f3f2d
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,4 @@
+#[submodule "docs"]
+#	path = docs
+#	url = https://github.com/laraxot/doc_ui.git
+#   url = git@github.com:laraxot/doc_ui.git
diff --git a/.php-cs-fixer.dist.php b/.php-cs-fixer.dist.php
new file mode 100644
index 00000000..98577ac8
--- /dev/null
+++ b/.php-cs-fixer.dist.php
@@ -0,0 +1,42 @@
+<?php
+
+$finder = PhpCsFixer\Finder::create()
+    ->notPath('bootstrap/cache')
+    ->notPath('storage')
+    ->notPath('vendor')
+    ->in(__DIR__)
+    ->name('*.php')
+    ->notName('*.blade.php')
+    ->ignoreDotFiles(true)
+    ->ignoreVCS(true)
+;
+
+$config = new PhpCsFixer\Config();
+
+$config
+    ->setRules([
+        '@Symfony' => true,
+        'array_indentation' => true,
+        'function_typehint_space' => true,
+        'declare_equal_normalize' => true,
+        'declare_strict_types' => true,
+        'combine_consecutive_unsets' => true,
+        //'binary_operator_spaces' => ['align_double_arrow' => false],
+        'array_syntax' => ['syntax' => 'short'],
+        'linebreak_after_opening_tag' => true,
+        'not_operator_with_successor_space' => true,
+        'ordered_imports' => true,
+        'phpdoc_order' => true,
+        'php_unit_construct' => false,
+        'braces' => [
+            'position_after_functions_and_oop_constructs' => 'same',
+        ],
+        'function_declaration' => true,
+        'blank_line_after_namespace' => true,
+        'class_definition' => true,
+        'elseif' => true,
+    ])
+    ->setFinder($finder)
+;
+
+return $config;
\ No newline at end of file
diff --git a/.php-cs-fixer.php b/.php-cs-fixer.php
new file mode 100644
index 00000000..98577ac8
--- /dev/null
+++ b/.php-cs-fixer.php
@@ -0,0 +1,42 @@
+<?php
+
+$finder = PhpCsFixer\Finder::create()
+    ->notPath('bootstrap/cache')
+    ->notPath('storage')
+    ->notPath('vendor')
+    ->in(__DIR__)
+    ->name('*.php')
+    ->notName('*.blade.php')
+    ->ignoreDotFiles(true)
+    ->ignoreVCS(true)
+;
+
+$config = new PhpCsFixer\Config();
+
+$config
+    ->setRules([
+        '@Symfony' => true,
+        'array_indentation' => true,
+        'function_typehint_space' => true,
+        'declare_equal_normalize' => true,
+        'declare_strict_types' => true,
+        'combine_consecutive_unsets' => true,
+        //'binary_operator_spaces' => ['align_double_arrow' => false],
+        'array_syntax' => ['syntax' => 'short'],
+        'linebreak_after_opening_tag' => true,
+        'not_operator_with_successor_space' => true,
+        'ordered_imports' => true,
+        'phpdoc_order' => true,
+        'php_unit_construct' => false,
+        'braces' => [
+            'position_after_functions_and_oop_constructs' => 'same',
+        ],
+        'function_declaration' => true,
+        'blank_line_after_namespace' => true,
+        'class_definition' => true,
+        'elseif' => true,
+    ])
+    ->setFinder($finder)
+;
+
+return $config;
\ No newline at end of file
diff --git a/.vscode/.php-cs-fixer.php b/.vscode/.php-cs-fixer.php
new file mode 100644
index 00000000..98577ac8
--- /dev/null
+++ b/.vscode/.php-cs-fixer.php
@@ -0,0 +1,42 @@
+<?php
+
+$finder = PhpCsFixer\Finder::create()
+    ->notPath('bootstrap/cache')
+    ->notPath('storage')
+    ->notPath('vendor')
+    ->in(__DIR__)
+    ->name('*.php')
+    ->notName('*.blade.php')
+    ->ignoreDotFiles(true)
+    ->ignoreVCS(true)
+;
+
+$config = new PhpCsFixer\Config();
+
+$config
+    ->setRules([
+        '@Symfony' => true,
+        'array_indentation' => true,
+        'function_typehint_space' => true,
+        'declare_equal_normalize' => true,
+        'declare_strict_types' => true,
+        'combine_consecutive_unsets' => true,
+        //'binary_operator_spaces' => ['align_double_arrow' => false],
+        'array_syntax' => ['syntax' => 'short'],
+        'linebreak_after_opening_tag' => true,
+        'not_operator_with_successor_space' => true,
+        'ordered_imports' => true,
+        'phpdoc_order' => true,
+        'php_unit_construct' => false,
+        'braces' => [
+            'position_after_functions_and_oop_constructs' => 'same',
+        ],
+        'function_declaration' => true,
+        'blank_line_after_namespace' => true,
+        'class_definition' => true,
+        'elseif' => true,
+    ])
+    ->setFinder($finder)
+;
+
+return $config;
\ No newline at end of file
diff --git a/.vscode/.php_cs b/.vscode/.php_cs
new file mode 100644
index 00000000..b4c49c54
--- /dev/null
+++ b/.vscode/.php_cs
@@ -0,0 +1,36 @@
+<?php
+$finder = PhpCsFixer\Finder::create()
+    ->notPath('bootstrap/cache')
+    ->notPath('storage')
+    ->notPath('vendor')
+    ->in(__DIR__)
+    ->name('*.php')
+    ->notName('*.blade.php')
+    ->ignoreDotFiles(true)
+    ->ignoreVCS(true)
+;
+
+return PhpCsFixer\Config::create()
+    ->setRules(array(
+        '@Symfony' => true,
+        'array_indentation' => true,
+        'function_typehint_space' => true,
+        'declare_equal_normalize' => true,
+        'combine_consecutive_unsets' => true,
+        'binary_operator_spaces' => ['align_double_arrow' => false],
+        'array_syntax' => ['syntax' => 'short'],
+        'linebreak_after_opening_tag' => true,
+        'not_operator_with_successor_space' => true,
+        'ordered_imports' => true,
+        'phpdoc_order' => true,
+        'php_unit_construct' => false,
+        'braces'=>[
+            'position_after_functions_and_oop_constructs'=>'same',
+        ],
+        'function_declaration' => true,
+        'blank_line_after_namespace' => true,
+        'class_definition' => true,
+        'elseif' => true,
+    ))
+    ->setFinder($finder)
+;
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..612eaac4
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,22 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Listen for XDebug",
+            "type": "php",
+            "request": "launch",
+            "port": 9000
+        },
+        {
+            "name": "Launch currently open script",
+            "type": "php",
+            "request": "launch",
+            "program": "${file}",
+            "cwd": "${fileDirname}",
+            "port": 9000
+        }
+    ]
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..9e83b9f6
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,41 @@
+{
+	"editor.formatOnType": true,
+	"php-cs-fixer.onsave": true,
+	"php-cs-fixer.formatHtml": true,
+	"php-cs-fixer.config": ".php-cs-fixer.php",
+	"php-cs-fixer.executablePath": "php-cs-fixer",
+	"php-cs-fixer.executablePathWindows": "php-cs-fixer.bat",
+	"vscode-php-cs-fixer.allowRisky": true,
+	"phpmd.enabled": false,
+	"phpmd.validate.rulesets": "cleancode,codesize,controversial,design,naming,unusedcode",
+	"phpmd.SuppressWarnings":true,
+	"phpmd.verbose": false,
+	"php-cs-fixer.allowRisky": true,
+	"editor.defaultFormatter": "junstyle.php-cs-fixer",
+	"[php]": {
+		"editor.defaultFormatter": "junstyle.php-cs-fixer"
+	},
+	"editor.tokenColorCustomizations": {
+		"semanticHighlighting": true
+	},
+	"[blade]": {
+		"editor.defaultFormatter": "shufo.vscode-blade-formatter"
+	},
+	"vscode-php-cs-fixer.toolPath": ".",
+	"vscode-php-cs-fixer.useCache": true,
+	"files.eol": "\n",
+	"git.autofetch": "all",
+	"editor.wordWrapColumn": 120,
+	"[json]": {
+		"editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter"
+	},
+	"[scss]": {
+		"editor.defaultFormatter": "vscode.css-language-features"
+	},
+	"[css]": {
+		"editor.defaultFormatter": "vscode.css-language-features"
+	},
+	"[vue]": {
+		"editor.defaultFormatter": "octref.vetur"
+	}
+}
\ No newline at end of file
diff --git a/Config/.gitkeep b/Config/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Config/config.php b/Config/config.php
new file mode 100644
index 00000000..d120fa79
--- /dev/null
+++ b/Config/config.php
@@ -0,0 +1,8 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'name' => 'UI',
+    'navigation_sort' => 1,
+];
diff --git a/Console/.gitkeep b/Console/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Database/Migrations/.gitkeep b/Database/Migrations/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Database/Seeders/.gitkeep b/Database/Seeders/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Database/Seeders/UIDatabaseSeeder.php b/Database/Seeders/UIDatabaseSeeder.php
new file mode 100644
index 00000000..ced61707
--- /dev/null
+++ b/Database/Seeders/UIDatabaseSeeder.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Database\Seeders;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Seeder;
+
+class UIDatabaseSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        Model::unguard();
+
+        // $this->call("OthersTableSeeder");
+    }
+}
diff --git a/Database/factories/.gitkeep b/Database/factories/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Enums/.gitkeep b/Enums/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Filament/Filters/DeferredSelectFilter.old b/Filament/Filters/DeferredSelectFilter.old
new file mode 100644
index 00000000..f55b3181
--- /dev/null
+++ b/Filament/Filters/DeferredSelectFilter.old
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Filters;
+
+use Filament\Forms\Components\Select;
+use Filament\Tables\Filters\SelectFilter as BaseSelectFilter;
+
+class DeferredSelectFilter extends BaseSelectFilter
+{
+    public function getFormField(): Select
+    {
+        return parent::getFormSelectComponent()
+            ->stateBindingModifiers(['defer']);
+    }
+}
diff --git a/Filament/Forms/Components/Children.php b/Filament/Forms/Components/Children.php
new file mode 100644
index 00000000..627818aa
--- /dev/null
+++ b/Filament/Forms/Components/Children.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Forms\Components;
+
+use Filament\Forms\Components\ViewField;
+
+// use Filament\Support\Components\ViewComponent;
+
+class Children extends ViewField
+{
+    protected string $view = 'ui::filament.forms.components.navigation-builder';
+
+    /*
+    public static function make($livewire): static
+    {
+        $result = app(static::class, ['livewire' => $livewire]);
+        $result->configure();
+        return $result;
+    }
+    */
+}
diff --git a/Filament/Forms/Components/Field/QrReader.php b/Filament/Forms/Components/Field/QrReader.php
new file mode 100644
index 00000000..db7b711e
--- /dev/null
+++ b/Filament/Forms/Components/Field/QrReader.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Forms\Components\Field;
+
+use Filament\Forms\Components\Field;
+
+class QrReader extends Field
+{
+    protected string $view = 'ui::filament.forms.components.field.qr-reader';
+
+    /*
+    public static function make($livewire): static
+    {
+        $result = app(static::class, ['livewire' => $livewire]);
+        $result->configure();
+        return $result;
+    }
+    */
+}
diff --git a/Filament/Forms/Components/ParentSelect.php b/Filament/Forms/Components/ParentSelect.php
new file mode 100644
index 00000000..b740daaa
--- /dev/null
+++ b/Filament/Forms/Components/ParentSelect.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * @see RyanChandler\FilamentNavigation\Filament\Fields\NavigationSelect;
+ * @see https://github.com/ryangjchandler/filament-navigation
+ */
+
+namespace Modules\UI\Filament\Forms\Components;
+
+use Filament\Forms\Components\Select;
+
+// use RyanChandler\FilamentNavigation\Models\Navigation;
+
+class ParentSelect extends Select
+{
+    protected string $optionValueProperty = 'id';
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        // dddx($this->getModel());
+        $this->options(static fn (ParentSelect $component): array => ['a' => 'a', 'b' => 'b']);
+    }
+
+    public function getOptionValueProperty(): string
+    {
+        return $this->optionValueProperty;
+    }
+}
diff --git a/Filament/Forms/Components/TreeField.php b/Filament/Forms/Components/TreeField.php
new file mode 100644
index 00000000..72e44a80
--- /dev/null
+++ b/Filament/Forms/Components/TreeField.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Forms\Components;
+
+use Filament\Forms\Components\Field;
+
+class TreeField extends Field
+{
+    protected string $view = 'ui::filament.forms.components.tree';
+}
diff --git a/Filament/Pages/Dashboard.php b/Filament/Pages/Dashboard.php
new file mode 100644
index 00000000..051059f7
--- /dev/null
+++ b/Filament/Pages/Dashboard.php
@@ -0,0 +1,14 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Pages;
+
+use Filament\Pages\Page;
+
+class Dashboard extends Page
+{
+    protected static ?string $navigationIcon = 'heroicon-o-home';
+
+    protected static string $view = 'ui::filament.pages.dashboard';
+}
diff --git a/Filament/Resources/TreeResource/Pages/Concerns/HandlesTreeBuilder.old b/Filament/Resources/TreeResource/Pages/Concerns/HandlesTreeBuilder.old
new file mode 100644
index 00000000..74f97f17
--- /dev/null
+++ b/Filament/Resources/TreeResource/Pages/Concerns/HandlesTreeBuilder.old
@@ -0,0 +1,289 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Resources\TreeResource\Pages\Concerns;
+
+use Filament\Forms\Get;
+use Filament\Forms\Form;
+use Illuminate\Support\Arr;
+use Illuminate\Support\Str;
+use Filament\Actions\Action;
+use Webmozart\Assert\Assert;
+use Filament\Forms\Components\Group;
+use Filament\Forms\Components\Select;
+use Filament\Forms\ComponentContainer;
+use Illuminate\Database\Eloquent\Model;
+use Filament\Forms\Components\Component;
+use Filament\Forms\Components\TextInput;
+use Filament\Notifications\Notification;
+
+// use RyanChandler\FilamentNavigation\FilamentNavigation;
+
+trait HandlesTreeBuilder
+{
+    public string $mountedItem;
+
+    public array $mountedItemData = [];
+
+    public array $mountedActionData = []; // added by Xot
+
+    public string $mountedChildTarget;
+
+    public function sortNavigation(string $targetStatePath, array $targetItemsStatePaths): void
+    {
+        $items = [];
+
+        foreach ($targetItemsStatePaths as $targetItemStatePath) {
+            $item = data_get($this, $targetItemStatePath);
+            $uuid = Str::afterLast($targetItemStatePath, '.');
+
+            $items[$uuid] = $item;
+        }
+        $model = $this->getResource()::getModel();
+        /*
+        dddx([
+            'items'=>$items,
+            'targetItemsStatePaths'=>$targetItemsStatePaths,
+            'targetStatePath'=>$targetStatePath,
+        ]);
+        */
+        if (Str::endsWith($targetStatePath, '.children')) {
+            $parentPath = Str::beforeLast($targetStatePath, '.children');
+            $parent = data_get($this, $parentPath);
+            foreach ($items as $item) {
+                app($model)->find($item['id'])->update(['parent_id' => $parent['id']]);
+            }
+        }
+
+        $ids = collect($items)->pluck('id')->toArray();
+        /*
+        dddx([
+            'items'=>$items,
+            'ids'=>$ids,
+            'targetItemsStatePaths'=>$targetItemsStatePaths,
+            'targetStatePath'=>$targetStatePath,
+        ]);
+        */
+        $model::setNewOrder($ids);
+
+        data_set($this, $targetStatePath, $items);
+        Notification::make()
+            ->title('Sorted !')
+            ->success()
+            ->send();
+    }
+
+    public function addChild(string $statePath): void
+    {
+        $this->mountedChildTarget = $statePath;
+
+        $this->mountAction('item');
+    }
+
+    public function removeItem(string $statePath): void
+    {
+        $uuid = Str::afterLast($statePath, '.');
+
+        $parentPath = Str::beforeLast($statePath, '.');
+        $parent = data_get($this, $parentPath);
+
+        data_set($this, $parentPath, Arr::except($parent, $uuid));
+    }
+
+    public function editItem(string $statePath): void
+    {
+        $this->mountedItem = $statePath;
+        $this->mountedItemData = Arr::except(data_get($this, $statePath), 'children');
+
+        $this->mountAction('item');
+    }
+
+    public function createItem(): void
+    {
+        $this->mountedItem = null;
+        $this->mountedItemData = [];
+        $this->mountedActionData = [];
+        $this->mountAction('item');
+    }
+
+    public function updateItem(Model $record, array $data): void
+    {
+        $keyName = $record->getKeyName();
+        $id = $this->mountedItemData[$keyName];
+        Assert::isInstanceOf($row = $record->find($id),Model::class);
+        $up = tap($row)->update($data);
+
+        $up = array_merge(data_get($this, $this->mountedItem), $up->toArray());
+        data_set($this, $this->mountedItem, $up);
+
+        $this->mountedItem = null;
+        $this->mountedItemData = [];
+    }
+
+    public function storeChildItem(Model $record, array $data): void
+    {
+        $parent = data_get($this, $this->mountedChildTarget);
+        $data['parent_id'] = $parent['id'];
+        $row = $record::class::create($data);
+        $data = $row->toArray();
+
+        $children = data_get($this, $this->mountedChildTarget.'.children', []);
+
+        $children[(string) Str::uuid()] = [
+            ...$data,
+            ...['children' => []],
+        ];
+
+        data_set($this, $this->mountedChildTarget.'.children', $children);
+
+        $this->mountedChildTarget = null;
+    }
+
+    public function storeItem(?Model $record, array $data): void
+    {
+        $model = $this->getResource()::getModel();
+        $data['parent_id'] = $record?->getKey();
+        $row = $model::create($data);
+        // $k=$row->getKey();
+        $v = $row->toArray();
+        $v['children'] = [];
+        $this->data['sons'][] = $v;
+    }
+
+    protected function getHeaderActions(): array
+    {
+        // dddx(get_class_methods($this->getResource()));
+        // dddx($this->getFormSchema());
+        $formSchema = $this->getResource()::form(Form::make($this))->getComponents();
+        $formSchema = collect($formSchema)
+            ->keyBy(fn ($item) => $item->getName())->except('sons')
+            ->toArray();
+
+        // $formSchema=$this->getFormSchema();
+        return [
+            Action::make('item')
+                ->mountUsing(function (ComponentContainer $form) {
+                    if (! $this->mountedItem) {
+                        return;
+                    }
+
+                    $form->fill($this->mountedItemData);
+                })
+                ->form($formSchema)
+                ->modalWidth('xl')
+                ->action(function (array $data, $record) {
+                    /*
+                    dddx([
+                        'record'=>$record,
+                        'data'=>$data,
+                        'mountedItemData'=>$this->mountedItemData,
+                        'mountedActionData'=>$this->mountedActionData,
+                        'mountedItem'=>$this->mountedItem,
+                        'mountedChildTarget'=>$this->mountedChildTarget,
+                    ]);
+                    //*/
+
+                    if ($this->mountedItem) { // UPDATE
+                         $this->updateItem($record, $data);
+                         return ;
+                    }
+                    if ($this->mountedChildTarget) { // ADD CHILD
+                        $this->storeChildItem($record, $data);
+                        return ;
+                    }
+                    // CREATE
+
+                    $this->storeItem($record, $data);
+                    return ;
+                })
+                ->modalButton(__('filament-navigation::filament-navigation.items-modal.btn'))
+                ->label(__('filament-navigation::filament-navigation.items-modal.title')),
+        ];
+    }
+
+    protected function getHeaderActionsOLD(): array
+    {
+        $modelClass = $this->getResource()::getModel();
+
+        return [
+            Action::make('item')
+                ->mountUsing(function (ComponentContainer $form) {
+                    if (! $this->mountedItem) {
+                        return;
+                    }
+
+                    $form->fill($this->mountedItemData);
+                })
+                // ->view('filament-navigation::hidden-action')
+                ->form([
+                    TextInput::make('label')
+                        ->label(__('filament-navigation::filament-navigation.items-modal.label'))
+                        ->required(),
+                    Select::make('type')
+                        ->label(__('filament-navigation::filament-navigation.items-modal.type'))
+                        ->options(function (): array {
+                            $types = FilamentNavigation::get()->getItemTypes();
+
+                            return array_combine(array_keys($types), Arr::pluck($types, 'name'));
+                        })
+                        ->afterStateUpdated(function ($state, Select $component): void {
+                            if (! $state) {
+                                return;
+                            }
+
+                            // NOTE: This chunk of code is a workaround for Livewire not letting
+                            //       you entangle to non-existent array keys, which wire:model
+                            //       would normally let you do.
+                            $component
+                                ->getContainer()
+                                ->getComponent(fn (Component $component) => $component instanceof Group)
+                                ->getChildComponentContainer()
+                                ->fill();
+                        })
+                        ->reactive(),
+                    Group::make()
+                        ->statePath('data')
+                        ->whenTruthy('type')
+                        ->schema(function (Get $get) {
+                            $type = $get('type');
+
+                            return FilamentNavigation::get()->getItemTypes()[$type]['fields'] ?? [];
+                        }),
+                        Group::make()
+                        ->statePath('data')
+                        ->visible(fn (Component $component) => [] !== $component->evaluate(FilamentNavigation::get()->getExtraFields()))
+                        ->schema(fn (Component $component) => FilamentNavigation::get()->getExtraFields()),
+                ])
+                ->modalWidth('md')
+                ->action(function (array $data) {
+                    if ($this->mountedItem) {
+                        data_set($this, $this->mountedItem, array_merge(data_get($this, $this->mountedItem), $data));
+
+                        $this->mountedItem = null;
+                        $this->mountedItemData = [];
+                    } elseif ($this->mountedChildTarget) {
+                        $children = data_get($this, $this->mountedChildTarget.'.children', []);
+
+                        $children[(string) Str::uuid()] = [
+                            ...$data,
+                            ...['children' => []],
+                        ];
+
+                        data_set($this, $this->mountedChildTarget.'.children', $children);
+
+                        $this->mountedChildTarget = null;
+                    } else {
+                        $this->data['items'][(string) Str::uuid()] = [
+                            ...$data,
+                            ...['children' => []],
+                        ];
+                    }
+
+                    $this->mountedActionData = [];
+                })
+                ->modalButton(__('filament-navigation::filament-navigation.items-modal.btn'))
+                ->label(__('filament-navigation::filament-navigation.items-modal.title')),
+        ];
+    }
+}
diff --git a/Filament/Resources/TreeResource/Pages/Concerns/HandlesTreeBuilder.php b/Filament/Resources/TreeResource/Pages/Concerns/HandlesTreeBuilder.php
new file mode 100644
index 00000000..fe690d4f
--- /dev/null
+++ b/Filament/Resources/TreeResource/Pages/Concerns/HandlesTreeBuilder.php
@@ -0,0 +1,237 @@
+<?php
+/**
+ * @see
+ */
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Resources\TreeResource\Pages\Concerns;
+
+use Filament\Actions\Action;
+use Filament\Forms\ComponentContainer;
+use Filament\Forms\Form;
+use Filament\Forms\Get;
+use Filament\Notifications\Notification;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Arr;
+use Illuminate\Support\Str;
+use Webmozart\Assert\Assert;
+
+trait HandlesTreeBuilder
+{
+    public ?string $mountedItem = null;
+
+    public array $mountedItemData = [];
+
+    public array $mountedActionData = []; // added by Xot
+
+    public ?string $mountedChildTarget = null;
+
+    public function sortNavigation(string $targetStatePath, array $targetItemsStatePaths): void
+    {
+        $items = [];
+
+        foreach ($targetItemsStatePaths as $targetItemStatePath) {
+            $item = data_get($this, $targetItemStatePath);
+            $uuid = Str::afterLast($targetItemStatePath, '.');
+
+            $items[$uuid] = $item;
+        }
+
+        $model = $this->getResource()::getModel();
+        /*
+        dddx([
+            'items'=>$items,
+            'targetItemsStatePaths'=>$targetItemsStatePaths,
+            'targetStatePath'=>$targetStatePath,
+        ]);
+        */
+        if (Str::endsWith($targetStatePath, '.children')) {
+            $parentPath = Str::beforeLast($targetStatePath, '.children');
+            $parent = data_get($this, $parentPath);
+            foreach ($items as $item) {
+                app($model)->find($item['id'])->update(['parent_id' => $parent['id']]);
+            }
+        }
+
+        $ids = collect($items)->pluck('id')->toArray();
+        /*
+        dddx([
+            'items'=>$items,
+            'ids'=>$ids,
+            'targetItemsStatePaths'=>$targetItemsStatePaths,
+            'targetStatePath'=>$targetStatePath,
+        ]);
+        */
+        $model::setNewOrder($ids);
+
+        data_set($this, $targetStatePath, $items);
+        Notification::make()
+            ->title('Sorted !')
+            ->success()
+            ->send();
+    }
+
+    public function addChild(string $statePath): void
+    {
+        $this->mountedChildTarget = $statePath;
+
+        $this->mountAction('item');
+    }
+
+    public function removeItem(string $statePath): void
+    {
+        // $uuid = Str::afterLast($statePath, '.');
+
+        // $parentPath = Str::beforeLast($statePath, '.');
+        // $parent = data_get($this, $parentPath);
+
+        // $item = Arr::except(data_get($this, $statePath), 'children');
+
+        // $model = $this->getResource()::getModel();
+        // $model::where('id', $item['id'])->delete();
+        // data_set($this, $parentPath, Arr::except($parent, $uuid));
+        $this->mountedItem = $statePath;
+        $this->mountAction('delete');
+    }
+
+    public function deleteItem(?Model $record, array $data): void
+    {
+        $statePath = $this->mountedItem;
+        $uuid = Str::afterLast($statePath, '.');
+
+        $parentPath = Str::beforeLast($statePath, '.');
+        $parent = data_get($this, $parentPath);
+
+        $item = Arr::except(data_get($this, $statePath), 'children');
+
+        $model = $this->getResource()::getModel();
+        $model::where('id', $item['id'])->delete();
+        data_set($this, $parentPath, Arr::except($parent, $uuid));
+        $this->mountedItem = null;
+    }
+
+    public function editItem(string $statePath): void
+    {
+        $this->mountedItem = $statePath;
+        $this->mountedItemData = Arr::except(data_get($this, $statePath), 'children');
+
+        $this->mountAction('item');
+    }
+
+    public function createItem(): void
+    {
+        $this->mountedItem = null;
+        $this->mountedItemData = [];
+        $this->mountedActionData = [];
+        $this->mountAction('item');
+    }
+
+    public function updateItem(Model $record, array $data): void
+    {
+        $keyName = $record->getKeyName();
+        $id = $this->mountedItemData[$keyName];
+        Assert::isInstanceOf($row = $record->find($id), Model::class);
+        $up = tap($row)->update($data);
+
+        $up = array_merge(data_get($this, $this->mountedItem), $up->toArray());
+        data_set($this, $this->mountedItem, $up);
+
+        $this->mountedItem = null;
+        $this->mountedItemData = [];
+    }
+
+    public function storeChildItem(Model $record, array $data): void
+    {
+        $parent = data_get($this, $this->mountedChildTarget);
+        $data['parent_id'] = $parent['id'];
+        if (Str::contains($data['parent_id'], '-')) {
+            $last_son = $record::class::where('parent_id', $data['parent_id'])
+                ->orderByDesc('id')
+                ->first();
+            if (null == $last_son) {
+                $data['id'] = $data['parent_id'].'-1';
+            } else {
+                $new_id = intval(Str::afterLast($last_son['id'], '-')) + 1;
+                $data['id'] = $data['parent_id'].'-'.$new_id;
+            }
+        }
+        $row = $record::class::create($data);
+        $data = $row->toArray();
+
+        $children = data_get($this, $this->mountedChildTarget.'.children', []);
+
+        $children[(string) Str::uuid()] = [
+            ...$data,
+            ...['children' => []],
+        ];
+
+        data_set($this, $this->mountedChildTarget.'.children', $children);
+
+        $this->mountedChildTarget = null;
+    }
+
+    public function storeItem(?Model $record, array $data): void
+    {
+        $model = $this->getResource()::getModel();
+        $data['parent_id'] = $record?->getKey();
+        $row = $model::create($data);
+        // $k=$row->getKey();
+        $v = $row->toArray();
+        $v['children'] = [];
+        $this->data['sons'][] = $v;
+    }
+
+    protected function getHeaderActions(): array
+    {
+        // dddx(get_class_methods($this->getResource()));
+        // dddx($this->getFormSchema());
+        $formSchema = $this->getResource()::form(Form::make($this))->getComponents();
+        $formSchema = collect($formSchema)
+            ->keyBy(static fn ($item) => $item->getName())->except('sons')
+            ->toArray();
+
+        // $formSchema=$this->getFormSchema();
+        return [
+            Action::make('delete')
+                ->action(function (array $data, $record): void {
+                    if ($this->mountedItem) { // delete
+                        $this->deleteItem($record, $data);
+
+                        return;
+                    }
+                })
+                ->requiresConfirmation()
+                ->visible(null != $this->mountedItem),
+            Action::make('item')
+                ->mountUsing(function (ComponentContainer $form): void {
+                    if (! $this->mountedItem) {
+                        return;
+                    }
+
+                    $form->fill($this->mountedItemData);
+                })
+                ->form($formSchema)
+                ->modalWidth('xl')
+                ->action(function (array $data, $record): void {
+                    if ($this->mountedItem) { // UPDATE
+                        $this->updateItem($record, $data);
+
+                        return;
+                    }
+
+                    if ($this->mountedChildTarget) { // ADD CHILD
+                        $this->storeChildItem($record, $data);
+
+                        return;
+                    }
+
+                    // CREATE
+
+                    $this->storeItem($record, $data);
+                })
+                ->modalSubmitActionLabel(__('filament-navigation::filament-navigation.items-modal.btn'))
+                ->label(__('filament-navigation::filament-navigation.items-modal.title')),
+        ];
+    }
+}
diff --git a/Filament/Tables/Columns/GroupColumn.php b/Filament/Tables/Columns/GroupColumn.php
new file mode 100644
index 00000000..e31d0b7f
--- /dev/null
+++ b/Filament/Tables/Columns/GroupColumn.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Tables\Columns;
+
+use Filament\Tables\Columns\Column;
+
+class GroupColumn extends Column
+{
+    protected string $view = 'ui::filament.tables.columns.group';
+
+    public array $schema = [];
+
+    public function getFields(): array
+    {
+        return $this->schema;
+    }
+
+    public function schema(array $schema): self
+    {
+        $this->schema = $schema;
+
+        return $this;
+    }
+}
diff --git a/Filament/Tables/Columns/TreeColumn.php b/Filament/Tables/Columns/TreeColumn.php
new file mode 100644
index 00000000..6341aead
--- /dev/null
+++ b/Filament/Tables/Columns/TreeColumn.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Tables\Columns;
+
+use Filament\Tables\Columns\Column;
+
+class TreeColumn extends Column
+{
+    protected string $view = 'ui::filament.tables.columns.tree';
+}
diff --git a/Http/Controllers/.gitkeep b/Http/Controllers/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Http/Controllers/UIController.no b/Http/Controllers/UIController.no
new file mode 100644
index 00000000..1171f1da
--- /dev/null
+++ b/Http/Controllers/UIController.no
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Http\Controllers;
+
+use Illuminate\Contracts\Support\Renderable;
+use Illuminate\Http\Request;
+use Illuminate\Routing\Controller;
+
+class UIController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return Renderable
+     */
+    public function index()
+    {
+        return view('ui::index');
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return Renderable
+     */
+    public function create()
+    {
+        return view('ui::create');
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @return Renderable
+     */
+    public function store(Request $request): void
+    {
+    }
+
+    /**
+     * Show the specified resource.
+     *
+     * @param int $id
+     *
+     * @return Renderable
+     */
+    public function show($id)
+    {
+        return view('ui::show');
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param int $id
+     *
+     * @return Renderable
+     */
+    public function edit($id)
+    {
+        return view('ui::edit');
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param int $id
+     *
+     * @return Renderable
+     */
+    public function update(Request $request, $id): void
+    {
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param int $id
+     *
+     * @return Renderable
+     */
+    public function destroy($id): void
+    {
+    }
+}
diff --git a/Http/Livewire/.gitkeep b/Http/Livewire/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Http/Livewire/_components.json b/Http/Livewire/_components.json
new file mode 100644
index 00000000..0637a088
--- /dev/null
+++ b/Http/Livewire/_components.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/Http/Middleware/.gitkeep b/Http/Middleware/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Http/Requests/.gitkeep b/Http/Requests/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Models/.gitkeep b/Models/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Models/Policies/.gitkeep b/Models/Policies/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Providers/.gitkeep b/Providers/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Providers/Filament/AdminPanelProvider.php b/Providers/Filament/AdminPanelProvider.php
new file mode 100644
index 00000000..bf25dcb2
--- /dev/null
+++ b/Providers/Filament/AdminPanelProvider.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Providers\Filament;
+
+use Filament\Panel;
+use Filament\Support\Assets\Css;
+use Filament\Support\Assets\Js;
+use Filament\Support\Facades\FilamentAsset;
+use Modules\Xot\Providers\Filament\XotBasePanelProvider;
+
+class AdminPanelProvider extends XotBasePanelProvider
+{
+    protected string $module = 'UI';
+
+    public function panel(Panel $panel): Panel
+    {
+        FilamentAsset::register([
+            Css::make('filament-navigation-styles', __DIR__.'/../../Resources/dist/plugin.css'),
+            Js::make('filament-navigation-scripts', __DIR__.'/../../Resources/dist/plugin.js'),
+        ], 'filament-navigation');
+
+        return parent::panel($panel);
+    }
+}
diff --git a/Providers/RouteServiceProvider.php b/Providers/RouteServiceProvider.php
new file mode 100644
index 00000000..b962fd7e
--- /dev/null
+++ b/Providers/RouteServiceProvider.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Providers;
+
+use Modules\Xot\Providers\XotBaseRouteServiceProvider;
+
+class RouteServiceProvider extends XotBaseRouteServiceProvider
+{
+    protected string $moduleNamespace = 'Modules\UI\Http\Controllers';
+
+    protected string $module_dir = __DIR__;
+
+    protected string $module_ns = __NAMESPACE__;
+}
diff --git a/Providers/UIServiceProvider.php b/Providers/UIServiceProvider.php
new file mode 100644
index 00000000..ca4515ac
--- /dev/null
+++ b/Providers/UIServiceProvider.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Providers;
+
+use Illuminate\Foundation\AliasLoader;
+use Modules\UI\Services\UIService;
+use Modules\Xot\Providers\XotBaseServiceProvider;
+
+/**
+ * ---.
+ */
+class UIServiceProvider extends XotBaseServiceProvider
+{
+    public string $module_name = 'ui';
+
+    protected string $module_dir = __DIR__;
+
+    protected string $module_ns = __NAMESPACE__;
+
+    /**
+     * Undocumented function.
+     */
+    public function bootCallback(): void
+    {
+        // -------
+    }
+
+    public function registerCallback(): void
+    {
+        $loader = AliasLoader::getInstance();
+        $loader->alias('ui', UIService::class);
+    }
+}
diff --git a/Resources/assets/.gitkeep b/Resources/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Resources/assets/js/app.js b/Resources/assets/js/app.js
new file mode 100644
index 00000000..e69de29b
diff --git a/Resources/assets/sass/app.scss b/Resources/assets/sass/app.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/Resources/css/plugin.css b/Resources/css/plugin.css
new file mode 100644
index 00000000..1aaa0e8b
--- /dev/null
+++ b/Resources/css/plugin.css
@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.sortable-container-maybe-active {
+
+}
diff --git a/Resources/dist/plugin.css b/Resources/dist/plugin.css
new file mode 100644
index 00000000..eb28deb7
--- /dev/null
+++ b/Resources/dist/plugin.css
@@ -0,0 +1 @@
+*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.filament-navigation .absolute{position:absolute}.filament-navigation .relative{position:relative}.filament-navigation .top-0{top:0}.filament-navigation .right-0{right:0}.filament-navigation .-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.filament-navigation .-mr-2{margin-right:-.5rem}.filament-navigation .ml-6{margin-left:1.5rem}.filament-navigation .flex{display:flex}.filament-navigation .hidden{display:none}.filament-navigation .h-4{height:1rem}.filament-navigation .h-3\.5{height:.875rem}.filament-navigation .h-3{height:.75rem}.filament-navigation .h-6{height:1.5rem}.filament-navigation .w-full{width:100%}.filament-navigation .w-4{width:1rem}.filament-navigation .w-3\.5{width:.875rem}.filament-navigation .w-3{width:.75rem}.filament-navigation .-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filament-navigation .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.filament-navigation .items-center{align-items:center}.filament-navigation .justify-end{justify-content:flex-end}.filament-navigation .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.filament-navigation .divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.filament-navigation .overflow-hidden{overflow:hidden}.filament-navigation .rounded-lg{border-radius:.5rem}.filament-navigation .rounded-l-lg{border-top-left-radius:.5rem}.filament-navigation .rounded-bl-lg,.filament-navigation .rounded-l-lg{border-bottom-left-radius:.5rem}.filament-navigation .rounded-tr-lg{border-top-right-radius:.5rem}.filament-navigation .border{border-width:1px}.filament-navigation .border-r{border-right-width:1px}.filament-navigation .border-b{border-bottom-width:1px}.filament-navigation .border-l{border-left-width:1px}.filament-navigation .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.filament-navigation .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.filament-navigation .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.filament-navigation .p-1{padding:.25rem}.filament-navigation .px-3{padding-left:.75rem;padding-right:.75rem}.filament-navigation .py-2{padding-bottom:.5rem;padding-top:.5rem}.filament-navigation .px-px{padding-left:1px;padding-right:1px}.filament-navigation .text-left{text-align:left}.filament-navigation .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.filament-navigation .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.filament-navigation .opacity-0{opacity:0}.filament-navigation .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filament-navigation .duration-200{transition-duration:.2s}.filament-navigation .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.filament-navigation .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.filament-navigation .group:hover .group-hover\:flex{display:flex}.filament-navigation .group:hover .group-hover\:opacity-100{opacity:1}.filament-navigation [dir=rtl] .rtl\:right-auto{right:auto}.filament-navigation [dir=rtl] .rtl\:left-0{left:0}.filament-navigation [dir=rtl] .rtl\:rounded-bl-none{border-bottom-left-radius:0}.filament-navigation [dir=rtl] .rtl\:rounded-br-lg{border-bottom-right-radius:.5rem}.filament-navigation [dir=rtl] .rtl\:rounded-tr-none{border-top-right-radius:0}.filament-navigation [dir=rtl] .rtl\:rounded-tl-lg{border-top-left-radius:.5rem}.filament-navigation [dir=rtl] .rtl\:border-l-0{border-left-width:0}.filament-navigation [dir=rtl] .rtl\:border-r{border-right-width:1px}.filament-navigation .dark .dark\:divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}.filament-navigation .dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.filament-navigation .dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.filament-navigation .dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}
diff --git a/Resources/dist/plugin.js b/Resources/dist/plugin.js
new file mode 100644
index 00000000..f0fdc74b
--- /dev/null
+++ b/Resources/dist/plugin.js
@@ -0,0 +1,2 @@
+/*! For license information please see plugin.js.LICENSE.txt */
+(()=>{"use strict";var t,e={512:()=>{function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function e(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function i(){return i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},i.apply(this,arguments)}function r(t,e){if(null==t)return{};var n,o,i=function(t,e){if(null==t)return{};var n,o,i={},r=Object.keys(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function a(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var l=a(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),s=a(/Edge/i),c=a(/firefox/i),u=a(/safari/i)&&!a(/chrome/i)&&!a(/android/i),d=a(/iP(ad|od|hone)/i),h=a(/chrome/i)&&a(/android/i),f={capture:!1,passive:!1};function p(t,e,n){t.addEventListener(e,n,!l&&f)}function g(t,e,n){t.removeEventListener(e,n,!l&&f)}function v(t,e){if(e){if(">"===e[0]&&(e=e.substring(1)),t)try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return!1}return!1}}function m(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function b(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"===e[0]?t.parentNode===n&&v(t,e):v(t,e))||o&&t===n)return t;if(t===n)break}while(t=m(t))}return null}var y,w=/\s+/g;function E(t,e,n){if(t&&e)if(t.classList)t.classList[n?"add":"remove"](e);else{var o=(" "+t.className+" ").replace(w," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(w," ")}}function S(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in o||-1!==e.indexOf("webkit")||(e="-webkit-"+e),o[e]=n+("string"==typeof n?"":"px")}}function D(t,e){var n="";if("string"==typeof t)n=t;else do{var o=S(t,"transform");o&&"none"!==o&&(n=o+" "+n)}while(!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function _(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function T(){var t=document.scrollingElement;return t||document.documentElement}function C(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,s,c,u,d,h;if(t!==window&&t.parentNode&&t!==T()?(a=(r=t.getBoundingClientRect()).top,s=r.left,c=r.bottom,u=r.right,d=r.height,h=r.width):(a=0,s=0,c=window.innerHeight,u=window.innerWidth,d=window.innerHeight,h=window.innerWidth),(e||n)&&t!==window&&(i=i||t.parentNode,!l))do{if(i&&i.getBoundingClientRect&&("none"!==S(i,"transform")||n&&"static"!==S(i,"position"))){var f=i.getBoundingClientRect();a-=f.top+parseInt(S(i,"border-top-width")),s-=f.left+parseInt(S(i,"border-left-width")),c=a+r.height,u=s+r.width;break}}while(i=i.parentNode);if(o&&t!==window){var p=D(i||t),g=p&&p.a,v=p&&p.d;p&&(c=(a/=v)+(d/=v),u=(s/=g)+(h/=g))}return{top:a,left:s,bottom:c,right:u,width:h,height:d}}}function O(t,e,n){for(var o=M(t,!0),i=C(t)[e];o;){var r=C(o)[n];if(!("top"===n||"left"===n?i>=r:i<=r))return o;if(o===T())break;o=M(o,!1)}return!1}function x(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Yt.ghost&&(o||a[r]!==Yt.dragged)&&b(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function N(t,e){for(var n=t.lastElementChild;n&&(n===Yt.ghost||"none"===S(n,"display")||e&&!v(n,e));)n=n.previousElementSibling;return n||null}function P(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Yt.clone||e&&!v(t,e)||n++;return n}function A(t){var e=0,n=0,o=T();if(t)do{var i=D(t),r=i.a,a=i.d;e+=t.scrollLeft*r,n+=t.scrollTop*a}while(t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return T();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=S(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return T();if(o||e)return n;o=!0}}}while(n=n.parentNode);return T()}function I(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function k(t,e){return function(){if(!y){var n=arguments,o=this;1===n.length?t.call(o,n[0]):t.apply(o,n),y=setTimeout((function(){y=void 0}),e)}}}function X(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function Y(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}var R="Sortable"+(new Date).getTime();function B(){var t,n=[];return{captureAnimationState:function(){(n=[],this.options.animation)&&[].slice.call(this.el.children).forEach((function(t){if("none"!==S(t,"display")&&t!==Yt.ghost){n.push({target:t,rect:C(t)});var o=e({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=D(t,!0);i&&(o.top-=i.f,o.left-=i.e)}t.fromRect=o}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(n,{target:t}),1)},animateAll:function(e){var o=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var i=!1,r=0;n.forEach((function(t){var e=0,n=t.target,a=n.fromRect,l=C(n),s=n.prevFromRect,c=n.prevToRect,u=t.rect,d=D(n,!0);d&&(l.top-=d.f,l.left-=d.e),n.toRect=l,n.thisAnimationDuration&&I(s,l)&&!I(a,l)&&(u.top-l.top)/(u.left-l.left)==(a.top-l.top)/(a.left-l.left)&&(e=function(t,e,n,o){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*o.animation}(u,s,c,o.options)),I(l,a)||(n.prevFromRect=a,n.prevToRect=l,e||(e=o.options.animation),o.animate(n,u,l,e)),e&&(i=!0,r=Math.max(r,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout((function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null}),e),n.thisAnimationDuration=e)})),clearTimeout(t),i?t=setTimeout((function(){"function"==typeof e&&e()}),r):"function"==typeof e&&e(),n=[]},animate:function(t,e,n,o){if(o){S(t,"transition",""),S(t,"transform","");var i=D(this.el),r=i&&i.a,a=i&&i.d,l=(e.left-n.left)/(r||1),s=(e.top-n.top)/(a||1);t.animatingX=!!l,t.animatingY=!!s,S(t,"transform","translate3d("+l+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),S(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),S(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){S(t,"transition",""),S(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),o)}}}}var F=[],j={initializeByDefault:!0},H={mount:function(t){for(var e in j)j.hasOwnProperty(e)&&!(e in t)&&(t[e]=j[e]);F.forEach((function(e){if(e.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),F.push(t)},pluginEvent:function(t,n,o){var i=this;this.eventCanceled=!1,o.cancel=function(){i.eventCanceled=!0};var r=t+"Global";F.forEach((function(i){n[i.pluginName]&&(n[i.pluginName][r]&&n[i.pluginName][r](e({sortable:n},o)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](e({sortable:n},o)))}))},initializePlugins:function(t,e,n,o){for(var r in F.forEach((function(o){var r=o.pluginName;if(t.options[r]||o.initializeByDefault){var a=new o(t,e,t.options);a.sortable=t,a.options=t.options,t[r]=a,i(n,a.defaults)}})),t.options)if(t.options.hasOwnProperty(r)){var a=this.modifyOption(t,r,t.options[r]);void 0!==a&&(t.options[r]=a)}},getEventProperties:function(t,e){var n={};return F.forEach((function(o){"function"==typeof o.eventProperties&&i(n,o.eventProperties.call(e[o.pluginName],t))})),n},modifyOption:function(t,e,n){var o;return F.forEach((function(i){t[i.pluginName]&&i.optionListeners&&"function"==typeof i.optionListeners[e]&&(o=i.optionListeners[e].call(t[i.pluginName],n))})),o}};function L(t){var n=t.sortable,o=t.rootEl,i=t.name,r=t.targetEl,a=t.cloneEl,c=t.toEl,u=t.fromEl,d=t.oldIndex,h=t.newIndex,f=t.oldDraggableIndex,p=t.newDraggableIndex,g=t.originalEvent,v=t.putSortable,m=t.extraEventProperties;if(n=n||o&&o[R]){var b,y=n.options,w="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||l||s?(b=document.createEvent("Event")).initEvent(i,!0,!0):b=new CustomEvent(i,{bubbles:!0,cancelable:!0}),b.to=c||o,b.from=u||o,b.item=r||o,b.clone=a,b.oldIndex=d,b.newIndex=h,b.oldDraggableIndex=f,b.newDraggableIndex=p,b.originalEvent=g,b.pullMode=v?v.lastPutMode:void 0;var E=e(e({},m),H.getEventProperties(i,n));for(var S in E)b[S]=E[S];o&&o.dispatchEvent(b),y[w]&&y[w].call(n,b)}}var W=["evt"],z=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=o.evt,a=r(o,W);H.pluginEvent.bind(Yt)(t,n,e({dragEl:U,parentEl:V,ghostEl:q,rootEl:$,nextEl:Z,lastDownEl:K,cloneEl:Q,cloneHidden:J,dragStarted:ht,putSortable:rt,activeSortable:Yt.active,originalEvent:i,oldIndex:tt,oldDraggableIndex:nt,newIndex:et,newDraggableIndex:ot,hideGhostForTarget:Mt,unhideGhostForTarget:It,cloneNowHidden:function(){J=!0},cloneNowShown:function(){J=!1},dispatchSortableEvent:function(t){G({sortable:n,name:t,originalEvent:i})}},a))};function G(t){L(e({putSortable:rt,cloneEl:Q,targetEl:U,rootEl:$,oldIndex:tt,oldDraggableIndex:nt,newIndex:et,newDraggableIndex:ot},t))}var U,V,q,$,Z,K,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,ft,pt,gt,vt,mt=!1,bt=!1,yt=[],wt=!1,Et=!1,St=[],Dt=!1,_t=[],Tt="undefined"!=typeof document,Ct=d,Ot=s||l?"cssFloat":"float",xt=Tt&&!h&&!d&&"draggable"in document.createElement("div"),Nt=function(){if(Tt){if(l)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Pt=function(t,e){var n=S(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=x(t,0,e),r=x(t,1,e),a=i&&S(i),l=r&&S(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+C(i).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+C(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){var u="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==u?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||s>=o&&"none"===n[Ot]||r&&"none"===n[Ot]&&s+c>o)?"vertical":"horizontal"},At=function(t){function e(t,n){return function(o,i,r,a){var l=o.options.group.name&&i.options.group.name&&o.options.group.name===i.options.group.name;if(null==t&&(n||l))return!0;if(null==t||!1===t)return!1;if(n&&"clone"===t)return t;if("function"==typeof t)return e(t(o,i,r,a),n)(o,i,r,a);var s=(n?o:i).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var o={},i=t.group;i&&"object"==n(i)||(i={name:i}),o.name=i.name,o.checkPull=e(i.pull,!0),o.checkPut=e(i.put),o.revertClone=i.revertClone,t.group=o},Mt=function(){!Nt&&q&&S(q,"display","none")},It=function(){!Nt&&q&&S(q,"display","")};Tt&&!h&&document.addEventListener("click",(function(t){if(bt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),bt=!1,!1}),!0);var kt=function(t){if(U){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,yt.some((function(t){var e=t[R].options.emptyInsertThreshold;if(e&&!N(t)){var n=C(t),o=i>=n.left-e&&i<=n.right+e,l=r>=n.top-e&&r<=n.bottom+e;return o&&l?a=t:void 0}})),a);if(e){var n={};for(var o in t)t.hasOwnProperty(o)&&(n[o]=t[o]);n.target=n.rootEl=e,n.preventDefault=void 0,n.stopPropagation=void 0,e[R]._onDragOver(n)}}var i,r,a},Xt=function(t){U&&U.parentNode[R]._isOutsideThisEl(t.target)};function Yt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=i({},e),t[R]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Pt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Yt.supportPointer&&"PointerEvent"in window&&!u,emptyInsertThreshold:5};for(var o in H.initializePlugins(this,t,n),n)!(o in e)&&(e[o]=n[o]);for(var r in At(e),this)"_"===r.charAt(0)&&"function"==typeof this[r]&&(this[r]=this[r].bind(this));this.nativeDraggable=!e.forceFallback&&xt,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?p(t,"pointerdown",this._onTapStart):(p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),yt.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),i(this,B())}function Rt(t,e,n,o,i,r,a,c){var u,d,h=t[R],f=h.options.onMove;return!window.CustomEvent||l||s?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=e,u.from=t,u.dragged=n,u.draggedRect=o,u.related=i||e,u.relatedRect=r||C(e),u.willInsertAfter=c,u.originalEvent=a,t.dispatchEvent(u),f&&(d=f.call(h,u,a)),d}function Bt(t){t.draggable=!1}function Ft(){Dt=!1}function jt(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;n--;)o+=e.charCodeAt(n);return o.toString(36)}function Ht(t){return setTimeout(t,0)}function Lt(t){return clearTimeout(t)}Yt.prototype={constructor:Yt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(ft=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,U):this.options.direction},_onTapStart:function(t){if(t.cancelable){var e=this,n=this.el,o=this.options,i=o.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,l=(a||t).target,s=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,c=o.filter;if(function(t){_t.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&_t.push(o)}}(n),!U&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||o.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=b(l,o.draggable,n,!1))&&l.animated||K===l)){if(tt=P(l),nt=P(l,o.draggable),"function"==typeof c){if(c.call(this,t,l,this))return G({sortable:e,rootEl:s,name:"filter",targetEl:l,toEl:n,fromEl:n}),z("filter",e,{evt:t}),void(i&&t.cancelable&&t.preventDefault())}else if(c&&(c=c.split(",").some((function(o){if(o=b(s,o.trim(),n,!1))return G({sortable:e,rootEl:o,name:"filter",targetEl:l,fromEl:n,toEl:n}),z("filter",e,{evt:t}),!0}))))return void(i&&t.cancelable&&t.preventDefault());o.handle&&!b(s,o.handle,n,!1)||this._prepareDragStart(t,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,u=r.ownerDocument;if(n&&!U&&n.parentNode===r){var d=C(n);if($=r,V=(U=n).parentNode,Z=U.nextSibling,K=n,it=a.group,Yt.dragged=U,at={target:U,clientX:(e||t).clientX,clientY:(e||t).clientY},ut=at.clientX-d.left,dt=at.clientY-d.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,U.style["will-change"]="all",o=function(){z("delayEnded",i,{evt:t}),Yt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!c&&i.nativeDraggable&&(U.draggable=!0),i._triggerDragStart(t,e),G({sortable:i,name:"choose",originalEvent:t}),E(U,a.chosenClass,!0))},a.ignore.split(",").forEach((function(t){_(U,t.trim(),Bt)})),p(u,"dragover",kt),p(u,"mousemove",kt),p(u,"touchmove",kt),p(u,"mouseup",i._onDrop),p(u,"touchend",i._onDrop),p(u,"touchcancel",i._onDrop),c&&this.nativeDraggable&&(this.options.touchStartThreshold=4,U.draggable=!0),z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(s||l))o();else{if(Yt.eventCanceled)return void this._onDrop();p(u,"mouseup",i._disableDelayedDrag),p(u,"touchend",i._disableDelayedDrag),p(u,"touchcancel",i._disableDelayedDrag),p(u,"mousemove",i._delayedDragTouchMoveHandler),p(u,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&p(u,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var e=t.touches?t.touches[0]:t;Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){U&&Bt(U),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;g(t,"mouseup",this._disableDelayedDrag),g(t,"touchend",this._disableDelayedDrag),g(t,"touchcancel",this._disableDelayedDrag),g(t,"mousemove",this._delayedDragTouchMoveHandler),g(t,"touchmove",this._delayedDragTouchMoveHandler),g(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?p(document,"pointermove",this._onTouchMove):p(document,e?"touchmove":"mousemove",this._onTouchMove):(p(U,"dragend",this),p($,"dragstart",this._onDragStart));try{document.selection?Ht((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){if(mt=!1,$&&U){z("dragStarted",this,{evt:e}),this.nativeDraggable&&p(document,"dragover",Xt);var n=this.options;!t&&E(U,n.dragClass,!1),E(U,n.ghostClass,!0),Yt.active=this,t&&this._appendGhost(),G({sortable:this,name:"start",originalEvent:e})}else this._nulling()},_emulateDragOver:function(){if(lt){this._lastX=lt.clientX,this._lastY=lt.clientY,Mt();for(var t=document.elementFromPoint(lt.clientX,lt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(lt.clientX,lt.clientY))!==e;)e=t;if(U.parentNode[R]._isOutsideThisEl(t),e)do{if(e[R]){if(e[R]._onDragOver({clientX:lt.clientX,clientY:lt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}t=e}while(e=e.parentNode);It()}},_onTouchMove:function(t){if(at){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=q&&D(q,!0),a=q&&r&&r.a,l=q&&r&&r.d,s=Ct&&vt&&A(vt),c=(i.clientX-at.clientX+o.x)/(a||1)+(s?s[0]-St[0]:0)/(a||1),u=(i.clientY-at.clientY+o.y)/(l||1)+(s?s[1]-St[1]:0)/(l||1);if(!Yt.active&&!mt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}if(q){r?(r.e+=c-(st||0),r.f+=u-(ct||0)):r={a:1,b:0,c:0,d:1,e:c,f:u};var d="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");S(q,"webkitTransform",d),S(q,"mozTransform",d),S(q,"msTransform",d),S(q,"transform",d),st=c,ct=u,lt=i}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!q){var t=this.options.fallbackOnBody?document.body:$,e=C(U,!0,Ct,!0,t),n=this.options;if(Ct){for(vt=t;"static"===S(vt,"position")&&"none"===S(vt,"transform")&&vt!==document;)vt=vt.parentNode;vt!==document.body&&vt!==document.documentElement?(vt===document&&(vt=T()),e.top+=vt.scrollTop,e.left+=vt.scrollLeft):vt=T(),St=A(vt)}E(q=U.cloneNode(!0),n.ghostClass,!1),E(q,n.fallbackClass,!0),E(q,n.dragClass,!0),S(q,"transition",""),S(q,"transform",""),S(q,"box-sizing","border-box"),S(q,"margin",0),S(q,"top",e.top),S(q,"left",e.left),S(q,"width",e.width),S(q,"height",e.height),S(q,"opacity","0.8"),S(q,"position",Ct?"absolute":"fixed"),S(q,"zIndex","100000"),S(q,"pointerEvents","none"),Yt.ghost=q,t.appendChild(q),S(q,"transform-origin",ut/parseInt(q.style.width)*100+"% "+dt/parseInt(q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;z("dragStart",this,{evt:t}),Yt.eventCanceled?this._onDrop():(z("setupClone",this),Yt.eventCanceled||((Q=Y(U)).removeAttribute("id"),Q.draggable=!1,Q.style["will-change"]="",this._hideClone(),E(Q,this.options.chosenClass,!1),Yt.clone=Q),n.cloneId=Ht((function(){z("clone",n),Yt.eventCanceled||(n.options.removeCloneOnHide||$.insertBefore(Q,U),n._hideClone(),G({sortable:n,name:"clone"}))})),!e&&E(U,i.dragClass,!0),e?(bt=!0,n._loopId=setInterval(n._emulateDragOver,50)):(g(document,"mouseup",n._onDrop),g(document,"touchend",n._onDrop),g(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,U)),p(document,"drop",n),S(U,"transform","translateZ(0)")),mt=!0,n._dragStartId=Ht(n._dragStarted.bind(n,e,t)),p(document,"selectstart",n),ht=!0,u&&S(document.body,"user-select","none"))},_onDragOver:function(t){var n,o,i,r,a=this.el,l=t.target,s=this.options,c=s.group,u=Yt.active,d=it===c,h=s.sort,f=rt||u,p=this,g=!1;if(!Dt){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),l=b(l,s.draggable,a,!0),j("dragOver"),Yt.eventCanceled)return g;if(U.contains(t.target)||l.animated&&l.animatingX&&l.animatingY||p._ignoreWhileAnimating===l)return L(!1);if(bt=!1,u&&!s.disabled&&(d?h||(i=V!==$):rt===this||(this.lastPutMode=it.checkPull(this,u,U,t))&&c.checkPut(this,u,U,t))){if(r="vertical"===this._getDirection(t,l),n=C(U),j("dragOverValid"),Yt.eventCanceled)return g;if(i)return V=$,H(),this._hideClone(),j("revert"),Yt.eventCanceled||(Z?$.insertBefore(U,Z):$.appendChild(U)),L(!0);var v=N(a,s.draggable);if(!v||function(t,e,n){var o=C(N(n.el,n.options.draggable)),i=10;return e?t.clientX>o.right+i||t.clientX<=o.right&&t.clientY>o.bottom&&t.clientX>=o.left:t.clientX>o.right&&t.clientY>o.top||t.clientX<=o.right&&t.clientY>o.bottom+i}(t,r,this)&&!v.animated){if(v===U)return L(!1);if(v&&a===t.target&&(l=v),l&&(o=C(l)),!1!==Rt($,a,U,n,l,o,t,!!l))return H(),v&&v.nextSibling?a.insertBefore(U,v.nextSibling):a.appendChild(U),V=a,W(),L(!0)}else if(v&&function(t,e,n){var o=C(x(n.el,0,n.options,!0)),i=10;return e?t.clientX<o.left-i||t.clientY<o.top&&t.clientX<o.right:t.clientY<o.top-i||t.clientY<o.bottom&&t.clientX<o.left}(t,r,this)){var m=x(a,0,s,!0);if(m===U)return L(!1);if(o=C(l=m),!1!==Rt($,a,U,n,l,o,t,!1))return H(),a.insertBefore(U,m),V=a,W(),L(!0)}else if(l.parentNode===a){o=C(l);var y,w,D,_=U.parentNode!==a,T=!function(t,e,n){var o=n?t.left:t.top,i=n?t.right:t.bottom,r=n?t.width:t.height,a=n?e.left:e.top,l=n?e.right:e.bottom,s=n?e.width:e.height;return o===a||i===l||o+r/2===a+s/2}(U.animated&&U.toRect||n,l.animated&&l.toRect||o,r),A=r?"top":"left",M=O(l,"top","top")||O(U,"top","top"),I=M?M.scrollTop:void 0;if(ft!==l&&(w=o[A],wt=!1,Et=!T&&s.invertSwap||_),y=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,u=o?n.top:n.left,d=o?n.bottom:n.right,h=!1;if(!a)if(l&&gt<c*i){if(!wt&&(1===pt?s>u+c*r/2:s<d-c*r/2)&&(wt=!0),wt)h=!0;else if(1===pt?s<u+gt:s>d-gt)return-pt}else if(s>u+c*(1-i)/2&&s<d-c*(1-i)/2)return function(t){return P(U)<P(t)?1:-1}(e);if((h=h||a)&&(s<u+c*r/2||s>d-c*r/2))return s>u+c/2?1:-1;return 0}(t,l,o,r,T?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Et,ft===l),0!==y){var k=P(U);do{k-=y,D=V.children[k]}while(D&&("none"===S(D,"display")||D===q))}if(0===y||D===l)return L(!1);ft=l,pt=y;var Y=l.nextElementSibling,B=!1,F=Rt($,a,U,n,l,o,t,B=1===y);if(!1!==F)return 1!==F&&-1!==F||(B=1===F),Dt=!0,setTimeout(Ft,30),H(),B&&!Y?a.appendChild(U):l.parentNode.insertBefore(U,B?Y:l),M&&X(M,0,I-M.scrollTop),V=U.parentNode,void 0===w||Et||(gt=Math.abs(w-C(l)[A])),W(),L(!0)}if(a.contains(U))return L(!1)}return!1}function j(s,c){z(s,p,e({evt:t,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:n,targetRect:o,canSort:h,fromSortable:f,target:l,completed:L,onMove:function(e,o){return Rt($,a,U,n,e,C(e),t,o)},changed:W},c))}function H(){j("dragOverAnimationCapture"),p.captureAnimationState(),p!==f&&f.captureAnimationState()}function L(e){return j("dragOverCompleted",{insertion:e}),e&&(d?u._hideClone():u._showClone(p),p!==f&&(E(U,rt?rt.options.ghostClass:u.options.ghostClass,!1),E(U,s.ghostClass,!0)),rt!==p&&p!==Yt.active?rt=p:p===Yt.active&&rt&&(rt=null),f===p&&(p._ignoreWhileAnimating=l),p.animateAll((function(){j("dragOverAnimationComplete"),p._ignoreWhileAnimating=null})),p!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(l===U&&!U.animated||l===a&&!l.animated)&&(ft=null),s.dragoverBubble||t.rootEl||l===document||(U.parentNode[R]._isOutsideThisEl(t.target),!e&&kt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),g=!0}function W(){et=P(U),ot=P(U,s.draggable),G({sortable:p,name:"change",toEl:a,newIndex:et,newDraggableIndex:ot,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){g(document,"mousemove",this._onTouchMove),g(document,"touchmove",this._onTouchMove),g(document,"pointermove",this._onTouchMove),g(document,"dragover",kt),g(document,"mousemove",kt),g(document,"touchmove",kt)},_offUpEvents:function(){var t=this.el.ownerDocument;g(t,"mouseup",this._onDrop),g(t,"touchend",this._onDrop),g(t,"pointerup",this._onDrop),g(t,"touchcancel",this._onDrop),g(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;et=P(U),ot=P(U,n.draggable),z("drop",this,{evt:t}),V=U&&U.parentNode,et=P(U),ot=P(U,n.draggable),Yt.eventCanceled||(mt=!1,Et=!1,wt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Lt(this.cloneId),Lt(this._dragStartId),this.nativeDraggable&&(g(document,"drop",this),g(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&S(document.body,"user-select",""),S(U,"transform",""),t&&(ht&&(t.cancelable&&t.preventDefault(),!n.dropBubble&&t.stopPropagation()),q&&q.parentNode&&q.parentNode.removeChild(q),($===V||rt&&"clone"!==rt.lastPutMode)&&Q&&Q.parentNode&&Q.parentNode.removeChild(Q),U&&(this.nativeDraggable&&g(U,"dragend",this),Bt(U),U.style["will-change"]="",ht&&!mt&&E(U,rt?rt.options.ghostClass:this.options.ghostClass,!1),E(U,this.options.chosenClass,!1),G({sortable:this,name:"unchoose",toEl:V,newIndex:null,newDraggableIndex:null,originalEvent:t}),$!==V?(et>=0&&(G({rootEl:V,name:"add",toEl:V,fromEl:$,originalEvent:t}),G({sortable:this,name:"remove",toEl:V,originalEvent:t}),G({rootEl:V,name:"sort",toEl:V,fromEl:$,originalEvent:t}),G({sortable:this,name:"sort",toEl:V,originalEvent:t})),rt&&rt.save()):et!==tt&&et>=0&&(G({sortable:this,name:"update",toEl:V,originalEvent:t}),G({sortable:this,name:"sort",toEl:V,originalEvent:t})),Yt.active&&(null!=et&&-1!==et||(et=tt,ot=nt),G({sortable:this,name:"end",toEl:V,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){z("nulling",this),$=U=V=q=Z=Q=K=J=at=lt=ht=et=ot=tt=nt=ft=pt=rt=it=Yt.dragged=Yt.ghost=Yt.clone=Yt.active=null,_t.forEach((function(t){t.checked=!0})),_t.length=st=ct=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":U&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)b(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||jt(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach((function(t,e){var i=o.children[e];b(i,this.options.draggable,o,!1)&&(n[t]=i)}),this),e&&this.captureAnimationState(),t.forEach((function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))})),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return b(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=H.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&At(n)},destroy:function(){z("destroy",this);var t=this.el;t[R]=null,g(t,"mousedown",this._onTapStart),g(t,"touchstart",this._onTapStart),g(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(g(t,"dragover",this),g(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),yt.splice(yt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!J){if(z("hideClone",this),Yt.eventCanceled)return;S(Q,"display","none"),this.options.removeCloneOnHide&&Q.parentNode&&Q.parentNode.removeChild(Q),J=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(J){if(z("showClone",this),Yt.eventCanceled)return;U.parentNode!=$||this.options.group.revertClone?Z?$.insertBefore(Q,Z):$.appendChild(Q):$.insertBefore(Q,U),this.options.group.revertClone&&this.animate(U,Q),S(Q,"display",""),J=!1}}else this._hideClone()}},Tt&&p(document,"touchmove",(function(t){(Yt.active||mt)&&t.cancelable&&t.preventDefault()})),Yt.utils={on:p,off:g,css:S,find:_,is:function(t,e){return!!b(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:k,closest:b,toggleClass:E,clone:Y,index:P,nextTick:Ht,cancelNextTick:Lt,detectDirection:Pt,getChild:x},Yt.get=function(t){return t[R]},Yt.mount=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Yt.utils=e(e({},Yt.utils),t.utils)),H.mount(t)}))},Yt.create=function(t,e){return new Yt(t,e)},Yt.version="1.15.0";var Wt,zt,Gt,Ut,Vt,qt,$t=[],Zt=!1;function Kt(){$t.forEach((function(t){clearInterval(t.pid)})),$t=[]}function Qt(){clearInterval(qt)}var Jt=k((function(t,e,n,o){if(e.scroll){var i,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,l=e.scrollSensitivity,s=e.scrollSpeed,c=T(),u=!1;zt!==n&&(zt=n,Kt(),Wt=e.scroll,i=e.scrollFn,!0===Wt&&(Wt=M(n,!0)));var d=0,h=Wt;do{var f=h,p=C(f),g=p.top,v=p.bottom,m=p.left,b=p.right,y=p.width,w=p.height,E=void 0,D=void 0,_=f.scrollWidth,O=f.scrollHeight,x=S(f),N=f.scrollLeft,P=f.scrollTop;f===c?(E=y<_&&("auto"===x.overflowX||"scroll"===x.overflowX||"visible"===x.overflowX),D=w<O&&("auto"===x.overflowY||"scroll"===x.overflowY||"visible"===x.overflowY)):(E=y<_&&("auto"===x.overflowX||"scroll"===x.overflowX),D=w<O&&("auto"===x.overflowY||"scroll"===x.overflowY));var A=E&&(Math.abs(b-r)<=l&&N+y<_)-(Math.abs(m-r)<=l&&!!N),I=D&&(Math.abs(v-a)<=l&&P+w<O)-(Math.abs(g-a)<=l&&!!P);if(!$t[d])for(var k=0;k<=d;k++)$t[k]||($t[k]={});$t[d].vx==A&&$t[d].vy==I&&$t[d].el===f||($t[d].el=f,$t[d].vx=A,$t[d].vy=I,clearInterval($t[d].pid),0==A&&0==I||(u=!0,$t[d].pid=setInterval(function(){o&&0===this.layer&&Yt.active._onTouchMove(Vt);var e=$t[this.layer].vy?$t[this.layer].vy*s:0,n=$t[this.layer].vx?$t[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(Yt.dragged.parentNode[R],n,e,t,Vt,$t[this.layer].el)||X($t[this.layer].el,n,e)}.bind({layer:d}),24))),d++}while(e.bubbleScroll&&h!==c&&(h=M(h,!1)));Zt=u}}),30),te=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,l=t.unhideGhostForTarget;if(e){var s=n||i;a();var c=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,u=document.elementFromPoint(c.clientX,c.clientY);l(),s&&!s.el.contains(u)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n}))}};function ee(){}function ne(){}ee.prototype={startIndex:null,dragStart:function(t){var e=t.oldDraggableIndex;this.startIndex=e},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();var o=x(this.sortable.el,this.startIndex,this.options);o?this.sortable.el.insertBefore(e,o):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:te},i(ee,{pluginName:"revertOnSpill"}),ne.prototype={onSpill:function(t){var e=t.dragEl,n=t.putSortable||this.sortable;n.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),n.animateAll()},drop:te},i(ne,{pluginName:"removeOnSpill"});Yt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var e=t.originalEvent;this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):this.options.supportPointer?p(document,"pointermove",this._handleFallbackAutoScroll):e.touches?p(document,"touchmove",this._handleFallbackAutoScroll):p(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var e=t.originalEvent;this.options.dragOverBubble||e.rootEl||this._handleAutoScroll(e)},drop:function(){this.sortable.nativeDraggable?g(document,"dragover",this._handleAutoScroll):(g(document,"pointermove",this._handleFallbackAutoScroll),g(document,"touchmove",this._handleFallbackAutoScroll),g(document,"mousemove",this._handleFallbackAutoScroll)),Qt(),Kt(),clearTimeout(y),y=void 0},nulling:function(){Vt=zt=Wt=Zt=qt=Gt=Ut=null,$t.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,e){var n=this,o=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(o,i);if(Vt=t,e||this.options.forceAutoScrollFallback||s||l||u){Jt(t,this.options,r,e);var a=M(r,!0);!Zt||qt&&o===Gt&&i===Ut||(qt&&Qt(),qt=setInterval((function(){var r=M(document.elementFromPoint(o,i),!0);r!==a&&(a=r,Kt()),Jt(t,n.options,r,e)}),10),Gt=o,Ut=i)}else{if(!this.options.bubbleScroll||M(r,!0)===T())return void Kt();Jt(t,this.options,M(r,!1),!1)}}},i(t,{pluginName:"scroll",initializeByDefault:!0})}),Yt.mount(ne,ee);const oe=Yt;document.addEventListener("alpine:initializing",(function(){window.Alpine.data("navigationSortableContainer",(function(t){return{statePath:t.statePath,sortable:null,init:function(){var t=this;this.sortable=new oe(this.$el,{group:"nested",animation:150,fallbackOnBody:!0,swapThreshold:.5,draggable:"[data-sortable-item]",handle:"[data-sortable-handle]",onSort:function(){t.sorted()}})},sorted:function(){this.$wire.sortNavigation(this.statePath,this.sortable.toArray())}}}))}))},265:()=>{}},n={};function o(t){var i=n[t];if(void 0!==i)return i.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,t=[],o.O=(e,n,i,r)=>{if(!n){var a=1/0;for(u=0;u<t.length;u++){for(var[n,i,r]=t[u],l=!0,s=0;s<n.length;s++)(!1&r||a>=r)&&Object.keys(o.O).every((t=>o.O[t](n[s])))?n.splice(s--,1):(l=!1,r<a&&(a=r));if(l){t.splice(u--,1);var c=i();void 0!==c&&(e=c)}}return e}r=r||0;for(var u=t.length;u>0&&t[u-1][2]>r;u--)t[u]=t[u-1];t[u]=[n,i,r]},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={680:0,823:0};o.O.j=e=>0===t[e];var e=(e,n)=>{var i,r,[a,l,s]=n,c=0;if(a.some((e=>0!==t[e]))){for(i in l)o.o(l,i)&&(o.m[i]=l[i]);if(s)var u=s(o)}for(e&&e(n);c<a.length;c++)r=a[c],o.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return o.O(u)},n=self.webpackChunk=self.webpackChunk||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})(),o.O(void 0,[823],(()=>o(512)));var i=o.O(void 0,[823],(()=>o(265)));i=o.O(i)})();
\ No newline at end of file
diff --git a/Resources/dist/plugin.js.LICENSE.txt b/Resources/dist/plugin.js.LICENSE.txt
new file mode 100644
index 00000000..5b40f60a
--- /dev/null
+++ b/Resources/dist/plugin.js.LICENSE.txt
@@ -0,0 +1,6 @@
+/**!
+ * Sortable 1.15.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
diff --git a/Resources/img/favicon.png b/Resources/img/favicon.png
new file mode 100644
index 00000000..e6a3ebd3
Binary files /dev/null and b/Resources/img/favicon.png differ
diff --git a/Resources/js/plugin.js b/Resources/js/plugin.js
new file mode 100644
index 00000000..6f1b3e69
--- /dev/null
+++ b/Resources/js/plugin.js
@@ -0,0 +1,25 @@
+import Sortable from 'sortablejs'
+
+document.addEventListener('alpine:initializing', () => {
+    window.Alpine.data('navigationSortableContainer', ({ statePath }) => ({
+        statePath,
+        sortable: null,
+        init() {
+            this.sortable = new Sortable(this.$el, {
+                group: 'nested',
+                animation: 150,
+                fallbackOnBody: true,
+                swapThreshold: 0.50,
+                draggable: '[data-sortable-item]',
+                handle: '[data-sortable-handle]',
+                onSort: () => {
+                    this.sorted()
+                }
+            })
+        },
+        sorted() {
+            this.$wire.sortNavigation(this.statePath, this.sortable.toArray())
+        }
+    }))
+})
+
diff --git a/Resources/lang/.gitkeep b/Resources/lang/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Resources/lang/ar/filament-navigation.php b/Resources/lang/ar/filament-navigation.php
new file mode 100644
index 00000000..eb81b23a
--- /dev/null
+++ b/Resources/lang/ar/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'رابط خارجي',
+        'url' => 'الرابط',
+        'target' => 'الهدف',
+        'name' => 'الاسم',
+        'items' => 'العناصر',
+        'handle' => 'المقبض',
+        'created_at' => 'تم الإنشاء في',
+        'updated_at' => 'تم التحديث في',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'نفس علامة التبويب',
+        'new-tab' => 'علامة تبويب جديدة',
+    ],
+
+    'items' => [
+        'empty' => 'لا يوجد عناصر.',
+        'add-item' => 'إضافة عنصر',
+        'add-child' => 'إضافة فرع',
+        'move-up' => 'تحريك للأعلى',
+        'move-down' => 'تحريك للأسفل',
+        'indent' => 'إزاحة للداخل',
+        'dedent' => 'إزاحة للخارج',
+        'remove' => 'إزالة',
+    ],
+
+    'items-modal' => [
+        'title' => 'العنوان',
+        'label' => 'التسمية',
+        'type' => 'النوع',
+        'btn' => 'الزر',
+    ],
+];
diff --git a/Resources/lang/cs/filament-navigation.php b/Resources/lang/cs/filament-navigation.php
new file mode 100644
index 00000000..397c7dc4
--- /dev/null
+++ b/Resources/lang/cs/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Odkaz',
+        'url' => 'URL/Adresa',
+        'target' => 'Cíl',
+        'name' => 'Název',
+        'items' => 'Položky',
+        'handle' => 'Identifikátor',
+        'created_at' => 'Vytvořeno',
+        'updated_at' => 'Upraveno',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Ve stejném okně',
+        'new-tab' => 'V novém okně',
+    ],
+
+    'items' => [
+        'empty' => 'Žádné položky',
+        'add-item' => 'Přidat položku',
+        'add-child' => 'Přidat pod-položku',
+        'move-up' => 'Posunout nahoru',
+        'move-down' => 'Posunout dolu',
+        'indent' => 'Přidružit',
+        'dedent' => 'Oddělit',
+        'remove' => 'Odstranit',
+    ],
+
+    'items-modal' => [
+        'title' => 'Nová položka',
+        'label' => 'Název',
+        'type' => 'Typ',
+        'btn' => 'Uložit',
+    ],
+];
diff --git a/Resources/lang/de/filament-navigation.php b/Resources/lang/de/filament-navigation.php
new file mode 100644
index 00000000..af0d49f4
--- /dev/null
+++ b/Resources/lang/de/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Externer Link',
+        'url' => 'URL',
+        'target' => 'Ziel',
+        'name' => 'Name',
+        'items' => 'Einträge',
+        'handle' => 'Handle',
+        'created_at' => 'Erstellt',
+        'updated_at' => 'Geändert',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Gleicher Tab',
+        'new-tab' => 'Neuer Tab',
+    ],
+
+    'items' => [
+        'empty' => 'Keine Einträge.',
+        'add-item' => 'Einträge hinzufügen',
+        'add-child' => 'Kind hinzufügen',
+        'move-up' => 'Nach oben verschieben',
+        'move-down' => 'Nach unten verschieben',
+        'indent' => 'Einziehen',
+        'dedent' => 'Ausziehen',
+        'remove' => 'Entfernen',
+    ],
+
+    'items-modal' => [
+        'title' => 'Eintrag',
+        'label' => 'Name',
+        'type' => 'Typ',
+        'btn' => 'Speichern',
+    ],
+];
diff --git a/Resources/lang/en/filament-navigation.php b/Resources/lang/en/filament-navigation.php
new file mode 100644
index 00000000..bb476ddf
--- /dev/null
+++ b/Resources/lang/en/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'External link',
+        'url' => 'URL',
+        'target' => 'Target',
+        'name' => 'Name',
+        'items' => 'Items',
+        'handle' => 'Handle',
+        'created_at' => 'Created at',
+        'updated_at' => 'Updated at',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Same tab',
+        'new-tab' => 'New tab',
+    ],
+
+    'items' => [
+        'empty' => 'No items.',
+        'add-item' => 'Add item',
+        'add-child' => 'Add child',
+        'move-up' => 'Move up',
+        'move-down' => 'Move down',
+        'indent' => 'Indent',
+        'dedent' => 'Dedent',
+        'remove' => 'Remove',
+    ],
+
+    'items-modal' => [
+        'title' => 'Item',
+        'label' => 'Label',
+        'type' => 'Type',
+        'btn' => 'Save',
+    ],
+];
diff --git a/Resources/lang/es/filament-navigation.php b/Resources/lang/es/filament-navigation.php
new file mode 100644
index 00000000..c3cccf50
--- /dev/null
+++ b/Resources/lang/es/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Vínculo externo',
+        'url' => 'URL',
+        'target' => 'Destino',
+        'name' => 'Nombre',
+        'items' => 'Ítems',
+        'handle' => 'Referencia',
+        'created_at' => 'Creado',
+        'updated_at' => 'Actualizado',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Misma pestaña',
+        'new-tab' => 'Nueva pestaña',
+    ],
+
+    'items' => [
+        'empty' => 'No hay ítems.',
+        'add-item' => 'Agregar ítem',
+        'add-child' => 'Agregar hijo',
+        'move-up' => 'Mover arriba',
+        'move-down' => 'Mover abajo',
+        'indent' => 'Indentar',
+        'dedent' => 'Desindentar',
+        'remove' => 'Remover',
+    ],
+
+    'items-modal' => [
+        'title' => 'Ítem',
+        'label' => 'Etiqueta',
+        'type' => 'Tipo',
+        'btn' => 'Guardar',
+    ],
+];
diff --git a/Resources/lang/fr/filament-navigation.php b/Resources/lang/fr/filament-navigation.php
new file mode 100644
index 00000000..26d0c5ce
--- /dev/null
+++ b/Resources/lang/fr/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Lien externe',
+        'url' => 'URL',
+        'target' => 'Cible',
+        'name' => 'Nom',
+        'items' => 'Éléments',
+        'handle' => 'Clé',
+        'created_at' => 'Créé le',
+        'updated_at' => 'Màj le',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Même fenêtre',
+        'new-tab' => 'Nouvelle fenêtre',
+    ],
+
+    'items' => [
+        'empty' => 'pas d\'élément',
+        'add-item' => 'Ajouter un élément',
+        'add-child' => 'Ajouter un enfant',
+        'move-up' => 'Déplacer vers le haut',
+        'move-down' => 'Déplacer vers le bas',
+        'indent' => 'Indenter',
+        'dedent' => 'Désindenter',
+        'remove' => 'Supprimer',
+    ],
+
+    'items-modal' => [
+        'title' => 'Élément',
+        'label' => 'Label',
+        'type' => 'Type',
+        'btn' => 'Enregistrer',
+    ],
+];
diff --git a/Resources/lang/it/filament-navigation.php b/Resources/lang/it/filament-navigation.php
new file mode 100644
index 00000000..72c61e9b
--- /dev/null
+++ b/Resources/lang/it/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Link esterno',
+        'url' => 'URL',
+        'target' => 'Apri in',
+        'name' => 'Nome',
+        'items' => 'Voci di menù',
+        'handle' => 'Riferimento',
+        'created_at' => 'Data di creazione',
+        'updated_at' => 'Data di aggiornamento',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Stessa scheda',
+        'new-tab' => 'Nuova scheda',
+    ],
+
+    'items' => [
+        'empty' => 'Nessuna voce di menù.',
+        'add-item' => 'Aggiungi voce di menù',
+        'add-child' => 'Aggiungi sotto-voce di menù',
+        'move-up' => 'Sposta su',
+        'move-down' => 'Sposta giù',
+        'indent' => 'Aumenta rientro',
+        'dedent' => 'Riduci rientro',
+        'remove' => 'Rimuovi',
+    ],
+
+    'items-modal' => [
+        'title' => 'Voce di menù',
+        'label' => 'Etichetta',
+        'type' => 'Tipo',
+        'btn' => 'Salva',
+    ],
+];
diff --git a/Resources/lang/it/txt.php b/Resources/lang/it/txt.php
new file mode 100644
index 00000000..42dc3b49
--- /dev/null
+++ b/Resources/lang/it/txt.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'delete' => 'elimina',
+    'edit' => 'modifica',
+    'view' => 'vedi',
+    'note' => 'note',
+];
diff --git a/Resources/lang/nl/filament-navigation.php b/Resources/lang/nl/filament-navigation.php
new file mode 100644
index 00000000..240b3877
--- /dev/null
+++ b/Resources/lang/nl/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Externe link',
+        'url' => 'URL',
+        'target' => 'Doel',
+        'name' => 'Naam',
+        'items' => 'Elementen',
+        'handle' => 'Sleutel',
+        'created_at' => 'Aangemaakt op',
+        'updated_at' => 'Aangepast op',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Dezelfde tab',
+        'new-tab' => 'Nieuwe tab',
+    ],
+
+    'items' => [
+        'empty' => 'Geen elementen.',
+        'add-item' => 'Nieuw element',
+        'add-child' => 'Voeg kind toe',
+        'move-up' => 'Verplaats omhoog',
+        'move-down' => 'Verplaats omlaag',
+        'indent' => 'Inspringen',
+        'dedent' => 'Terugspringen',
+        'remove' => 'Verwijderen',
+    ],
+
+    'items-modal' => [
+        'title' => 'Element',
+        'label' => 'Label',
+        'type' => 'Type',
+        'btn' => 'Bewaar',
+    ],
+];
diff --git a/Resources/lang/pt_BR/filament-navigation.php b/Resources/lang/pt_BR/filament-navigation.php
new file mode 100644
index 00000000..60f043e0
--- /dev/null
+++ b/Resources/lang/pt_BR/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Link externo',
+        'url' => 'URL',
+        'target' => 'Abrir em',
+        'name' => 'Nome',
+        'items' => 'Itens',
+        'handle' => 'Referência',
+        'created_at' => 'Criado em',
+        'updated_at' => 'Editado em',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Mesma tab',
+        'new-tab' => 'Nova tab',
+    ],
+
+    'items' => [
+        'empty' => 'Nenhum item',
+        'add-item' => 'Adicionar item',
+        'add-child' => 'Adicionar subitem',
+        'move-up' => 'Mover para cima',
+        'move-down' => 'Mover para baixo',
+        'indent' => 'Avançar',
+        'dedent' => 'Recuar',
+        'remove' => 'Remover',
+    ],
+
+    'items-modal' => [
+        'title' => 'Item',
+        'label' => 'Nome',
+        'type' => 'Tipo',
+        'btn' => 'Salvar',
+    ],
+];
diff --git a/Resources/lang/pt_PT/filament-navigation.php b/Resources/lang/pt_PT/filament-navigation.php
new file mode 100644
index 00000000..43534522
--- /dev/null
+++ b/Resources/lang/pt_PT/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Link externo',
+        'url' => 'URL',
+        'target' => 'Abrir em',
+        'name' => 'Nome',
+        'items' => 'Itens',
+        'handle' => 'Referência',
+        'created_at' => 'Criado em',
+        'updated_at' => 'Editado em',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Mesmo separador',
+        'new-tab' => 'Novo separador',
+    ],
+
+    'items' => [
+        'empty' => 'Nenhum item',
+        'add-item' => 'Adicionar item',
+        'add-child' => 'Adicionar subitem',
+        'move-up' => 'Mover para cima',
+        'move-down' => 'Mover para baixo',
+        'indent' => 'Avançar',
+        'dedent' => 'Recuar',
+        'remove' => 'Remover',
+    ],
+
+    'items-modal' => [
+        'title' => 'Item',
+        'label' => 'Nome',
+        'type' => 'Tipo',
+        'btn' => 'Guardar',
+    ],
+];
diff --git a/Resources/lang/ru/filament-navigation.php b/Resources/lang/ru/filament-navigation.php
new file mode 100644
index 00000000..cc5e5f11
--- /dev/null
+++ b/Resources/lang/ru/filament-navigation.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'attributes' => [
+        'external-link' => 'Внешняя ссылка',
+        'url' => 'URL',
+        'target' => 'Открыть в',
+        'name' => 'Название',
+        'items' => 'Элементы',
+        'handle' => 'Идентификатор',
+        'created_at' => 'Создано в',
+        'updated_at' => 'Изменено в',
+    ],
+
+    'select-options' => [
+        'same-tab' => 'Этой вкладке',
+        'new-tab' => 'Новой вкладке',
+    ],
+
+    'items' => [
+        'empty' => 'Нет элементов',
+        'add-item' => 'Добавить элемент',
+        'add-child' => 'Добавить дочерний',
+        'move-up' => 'Переместить выше',
+        'move-down' => 'Переместить ниже',
+        'indent' => 'Indent',
+        'dedent' => 'Dedent',
+        'remove' => 'Удалить',
+    ],
+
+    'items-modal' => [
+        'title' => 'Элемент',
+        'label' => 'Название',
+        'type' => 'Тип',
+        'btn' => 'Сохранить',
+    ],
+];
diff --git a/Resources/views/.gitkeep b/Resources/views/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Resources/views/components/nav-item.blade.php b/Resources/views/components/nav-item.blade.php
new file mode 100644
index 00000000..afcfcfcc
--- /dev/null
+++ b/Resources/views/components/nav-item.blade.php
@@ -0,0 +1,103 @@
+@props([
+    'item',
+    'statePath',
+    'disableNewChildRecordCreation',
+    'disableRecordEdit',
+    'disableRecordDeletion',
+    'disableRecordsSorting',
+])
+
+<div
+    x-data="{ open: $persist(true) }"
+    wire:key="{{ $statePath }}"
+    data-id="{{ $statePath }}"
+    class="space-y-2"
+    data-sortable-item
+>
+    <div class="relative group">
+        <div @class([
+            'bg-white rounded-lg border border-gray-300 w-full flex',
+            'dark:bg-gray-700 dark:border-gray-600',
+        ])>
+            @if (!$disableRecordsSorting)
+            <button type="button" @class([
+                'flex items-center bg-gray-50 rounded-l-lg border-r border-gray-300 px-px',
+                'dark:bg-gray-800 dark:border-gray-600',
+            ]) data-sortable-handle>
+                @svg('heroicon-o-ellipsis-vertical', 'text-gray-400 w-4 h-4 -mr-2')
+                @svg('heroicon-o-ellipsis-vertical', 'text-gray-400 w-4 h-4')
+            </button>
+            @endif
+
+            <button
+                type="button"
+                @if (! $disableRecordEdit)
+                wire:click="editItem('{{ $statePath }}')"
+                @endif
+                class="appearance-none px-3 py-2 text-left"
+            >
+                <span>{{ $item['label'] }}</span>
+            </button>
+
+            @if (count($item['children']) > 0)
+                <button type="button" x-on:click="open = !open" title="Toggle children" class="appearance-none text-gray-500">
+                    <svg class="w-3.5 h-3.5 transition ease-in-out duration-200" x-bind:class="{
+                        '-rotate-90': !open,
+                    }" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
+                </button>
+            @endif
+        </div>
+
+        <div @class([
+            'absolute top-0 right-0 h-6 divide-x rounded-bl-lg rounded-tr-lg border-gray-300 border-b border-l overflow-hidden rtl:border-l-0 rtl:border-r rtl:right-auto rtl:left-0 rtl:rounded-bl-none rtl:rounded-br-lg rtl:rounded-tr-none rtl:rounded-tl-lg hidden opacity-0 group-hover:opacity-100 group-hover:flex transition ease-in-out duration-250',
+            'dark:border-gray-600 dark:divide-gray-600',
+        ])>
+            @if (! $disableNewChildRecordCreation)
+            <button
+                x-init
+                x-tooltip.raw.duration.0="{{ __('filament-navigation::filament-navigation.items.add-child') }}"
+                type="button"
+                wire:click="addChild('{{ $statePath }}')"
+                class="p-1"
+                title="{{ __('filament-navigation::filament-navigation.items.add-child') }}"
+            >
+                @svg('heroicon-o-plus', 'w-3 h-3 text-gray-500 hover:text-gray-900')
+            </button>
+            @endif
+
+            @if (! $disableRecordDeletion)
+            <button
+                x-init
+                x-tooltip.raw.duration.0="{{ __('filament-navigation::filament-navigation.items.remove') }}"
+                type="button"
+                wire:click="removeItem('{{ $statePath }}')"
+                class="p-1"
+                title="{{ __('filament-navigation::filament-navigation.items.remove') }}"
+            >
+                @svg('heroicon-o-trash', 'w-3 h-3 text-danger-500 hover:text-danger-900')
+            </button>
+            @endif
+        </div>
+    </div>
+
+    <div x-show="open" x-collapse class="ml-6">
+        <div
+            class="space-y-2"
+            wire:key="{{ $statePath }}-children"
+            x-data="navigationSortableContainer({
+                statePath: @js($statePath . '.children')
+            })"
+        >
+            @foreach ($item['children'] as $uuid => $child)
+                <x-ui::nav-item
+                    :statePath="$statePath . '.children.' . $uuid"
+                    :item="$child"
+                    :$disableNewChildRecordCreation
+                    :$disableRecordEdit
+                    :$disableRecordDeletion
+                    :$disableRecordsSorting
+                />
+            @endforeach
+        </div>
+    </div>
+</div>
diff --git a/Resources/views/empty.blade.php b/Resources/views/empty.blade.php
new file mode 100644
index 00000000..b61522ff
--- /dev/null
+++ b/Resources/views/empty.blade.php
@@ -0,0 +1 @@
+{{--  empty blade --}}
\ No newline at end of file
diff --git a/Resources/views/filament/forms/components/field/qr-reader.blade.php b/Resources/views/filament/forms/components/field/qr-reader.blade.php
new file mode 100644
index 00000000..f9b115a2
--- /dev/null
+++ b/Resources/views/filament/forms/components/field/qr-reader.blade.php
@@ -0,0 +1,112 @@
+<x-filament-forms::field-wrapper :id="$getId()" :label="$getLabel()" :label-sr-only="$isLabelHidden()" :helper-text="$getHelperText()"
+    :hint="$getHint()" :hint-icon="$getHintIcon()" :required="$isRequired()" :state-path="$getStatePath()">
+    <div x-data="{ state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$getStatePath()}')") }} }"
+        class="h-full w-full flex flex-col py-4 md:py-6 lg:py-8 m-0 gap-8 overflow-auto scroll-smooth">
+        <div id="qr-reader"></div>
+
+        <button
+            class="text-center w-fit flex items-center justify-center border bg-blue-400 p-2 uppercase text-white font-normal rounded-xl min-w-[150px]"
+            onclick="startScan()">Scansiona</button>
+
+        <div class="flex flex-col gap-4 w-full">
+            <h2 class="font-bold text-slate-500 text-xl">Cerca</h2>
+            <input id="card-filter" type="text" placeholder="Cerca"
+                class="w-full px-4 py-2 border border-black rounded-xl text-sm text-slate-500 min-h-[50px] bg-white active:border-orange-500 focus:border-orange-500"
+                x-model="state">
+        </div>
+    </div>
+</x-filament-forms::field-wrapper>
+@push('scripts')
+    <script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>
+    <script>
+        var lastResult, countResults, html5QrCode, config = undefined;
+
+        document.addEventListener('DOMContentLoaded', () => {
+            lastResult,
+            countResults = 0;
+
+            html5QrCode = new Html5Qrcode("qr-reader");
+
+            config = {
+                fps: 10,
+                qrbox: (viewfinderWidth, viewfinderHeight) => {
+                    let minEdgePercentage = 0.7;
+                    let minEdgeSize = Math.min(viewfinderWidth, viewfinderHeight);
+                    let qrboxSize = Math.floor(minEdgeSize * minEdgePercentage);
+                    return {
+                        width: qrboxSize,
+                        height: qrboxSize
+                    };
+                },
+                rememberLastUsedCamera: true,
+                supportedScanTypes: [Html5QrcodeScanType.SCAN_TYPE_CAMERA]
+            };
+        })
+
+        const qrCodeSuccessCallback = (decodedText, decodedResult) => {
+            if (decodedText !== lastResult) {
+                ++countResults;
+                lastResult = decodedText;
+                // Handle on success condition with the decoded message.
+                console.log(`Scan result ${decodedText}`, decodedResult);
+
+                document.getElementById('card-filter').value = decodedText
+            }
+
+            html5QrCode.stop().then((ignore) => {
+                console.error("stop", ignore)
+                document.getElementById('qr-reader').style.display = 'none'
+            }).catch((err) => {
+                console.error(err)
+            });
+        };
+
+        function onScanFailure(error) {
+            // handle scan failure, usually better to ignore and keep scanning.
+            // for example:
+            console.warn(`Code scan error = ${error}`);
+        }
+
+        const startScan = () => {
+            if ('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices) {
+                document.getElementById('qr-reader').style.display = 'block'
+
+                Html5Qrcode.getCameras()
+                    .then(devices => {
+                        html5QrCode.start({
+                            facingMode: "environment"
+                        }, config, qrCodeSuccessCallback);
+
+                        /*if (devices && devices.length) {
+                            var cameraId = devices[0].id;
+
+                            html5QrCode
+                                .start(
+                                    cameraId, config,
+                                    (decodedText, decodedResult) => qrCodeSuccessCallback(decodedText,
+                                        decodedResult),
+                                    (errorMessage) => {
+                                        console.warn(`Code scan error = ${errorMessage}`);
+                                    })
+                                .catch((err) => {
+                                    console.error(err)
+                                });
+                        } else {
+                            html5QrCode.start({
+                                facingMode: "environment"
+                            }, config, qrCodeSuccessCallback);
+                        }
+
+                        html5QrCode.stop().then((ignore) => {
+                            console.error("stop", ignore)
+                        }).catch((err) => {
+                            console.error(err)
+                        });*/
+                    })
+                    .catch(err => {
+                        console.error(err)
+                    })
+            }
+        }
+    </script>
+@endpush
diff --git a/Resources/views/filament/forms/components/navigation-builder.blade.php b/Resources/views/filament/forms/components/navigation-builder.blade.php
new file mode 100644
index 00000000..61cf5a03
--- /dev/null
+++ b/Resources/views/filament/forms/components/navigation-builder.blade.php
@@ -0,0 +1,56 @@
+@php
+    $disableNewRecordCreation = $disableNewRecordCreation ?? false;
+    $disableNewChildRecordCreation = $disableNewChildRecordCreation ?? false;
+    $disableRecordDeletion = $disableRecordDeletion ?? false;
+    $disableRecordEdit = $disableRecordEdit ?? false;
+    $disableRecordsSorting = $disableRecordsSorting ?? false;
+@endphp
+
+<x-filament-forms::field-wrapper
+    :id="$getId()"
+    :label="$getLabel()"
+    :label-sr-only="$isLabelHidden()"
+    :helper-text="$getHelperText()"
+    :hint="$getHint()"
+    :hint-icon="$getHintIcon()"
+    :required="$isRequired()"
+    :state-path="$getStatePath()"
+    class="filament-navigation"
+>
+    <div wire:key="navigation-items-wrapper">
+        <div
+            class="space-y-2"
+            x-data="navigationSortableContainer({
+                statePath: @js($getStatePath())
+            })"
+            data-sortable-container
+        >
+
+            @forelse ($getState() as $uuid => $item)
+                <x-ui::nav-item
+                    :statePath="$getStatePath() . '.' . $uuid"
+                    :item="$item"
+                    :$disableNewChildRecordCreation
+                    :$disableRecordEdit
+                    :$disableRecordDeletion
+                    :$disableRecordsSorting
+                />
+            @empty
+                <div @class([
+                    'w-full bg-white rounded-lg border border-gray-300 px-3 py-2 text-left',
+                    'dark:bg-gray-700 dark:border-gray-600',
+                ])>
+                    {{ __('filament-navigation::filament-navigation.items.empty') }}
+                </div>
+            @endforelse
+        </div>
+    </div>
+
+    @if (!$disableNewRecordCreation)
+    <div class="flex justify-end">
+        <x-filament::button wire:click="createItem" type="button" size="sm">
+            {{ __('filament-navigation::filament-navigation.items.add-item') }}
+        </x-filament::button>
+    </div>
+    @endif
+</x-filament-forms::field-wrapper>
diff --git a/Resources/views/filament/pages/dashboard.blade.php b/Resources/views/filament/pages/dashboard.blade.php
new file mode 100644
index 00000000..cd00dafb
--- /dev/null
+++ b/Resources/views/filament/pages/dashboard.blade.php
@@ -0,0 +1,3 @@
+<x-filament::page>
+
+</x-filament::page>
diff --git a/Resources/views/filament/table/collapsible-row-content.blade.php b/Resources/views/filament/table/collapsible-row-content.blade.php
new file mode 100644
index 00000000..6412abe6
--- /dev/null
+++ b/Resources/views/filament/table/collapsible-row-content.blade.php
@@ -0,0 +1,3 @@
+<div>
+    AAAAAAA
+</div>
diff --git a/Resources/views/filament/tables/columns/group.blade.php b/Resources/views/filament/tables/columns/group.blade.php
new file mode 100644
index 00000000..b9c6a83e
--- /dev/null
+++ b/Resources/views/filament/tables/columns/group.blade.php
@@ -0,0 +1,27 @@
+@php
+    $fields=$getFields();
+    $record=$getRecord();
+@endphp
+<div
+    {{
+        $attributes
+            ->merge($getExtraAttributes(), escape: false)
+            ->class([
+                'fi-ta-icon flex flex-wrap gap-1.5',
+                'px-3 py-4' => ! $isInline(),
+                //'flex-col' => $isListWithLineBreaks(),
+                'flex-col' => true,
+            ])
+    }}
+>
+    @foreach ($fields as $field)
+
+        {!! str_replace(', ',',<br/>',$field->record($record)->getState()) !!}
+        <br/>
+        {{--
+        {{ $field->record($record) }}
+        --}}
+    @endforeach
+
+
+</div>
\ No newline at end of file
diff --git a/Resources/views/filament/tables/columns/tree.blade.php b/Resources/views/filament/tables/columns/tree.blade.php
new file mode 100644
index 00000000..d48be8ca
--- /dev/null
+++ b/Resources/views/filament/tables/columns/tree.blade.php
@@ -0,0 +1,31 @@
+<x-filament-forms::field-wrapper
+
+    :label="$getLabel()"
+
+
+    class="filament-navigation"
+>
+    <div wire:key="navigation-items-wrapper">
+        <div
+            class="space-y-2"
+        >
+
+            @forelse ($getState() as $uuid => $item)
+                <x-ui::nav-item :statePath="$getStatePath() . '.' . $uuid" :item="$item" />
+            @empty
+                <div @class([
+                    'w-full bg-white rounded-lg border border-gray-300 px-3 py-2 text-left',
+                    'dark:bg-gray-700 dark:border-gray-600',
+                ])>
+                    {{ __('filament-navigation::filament-navigation.items.empty') }}
+                </div>
+            @endforelse
+        </div>
+    </div>
+
+    <div class="flex justify-end">
+        <x-filament::button wire:click="createItem" type="button" size="sm">
+            {{ __('filament-navigation::filament-navigation.items.add-item') }}
+        </x-filament::button>
+    </div>
+</x-filament-forms::field-wrapper>
diff --git a/Resources/views/filament/widgets/children.blade.php b/Resources/views/filament/widgets/children.blade.php
new file mode 100644
index 00000000..407a17e0
--- /dev/null
+++ b/Resources/views/filament/widgets/children.blade.php
@@ -0,0 +1,4 @@
+<x-filament::widget class="filament-widgets-tree-widget">
+    {{-- $this->tree --}}
+    {{ dddx($record) }}
+</x-filament::widget>
\ No newline at end of file
diff --git a/Resources/views/index.blade.php b/Resources/views/index.blade.php
new file mode 100644
index 00000000..4304faab
--- /dev/null
+++ b/Resources/views/index.blade.php
@@ -0,0 +1,9 @@
+@extends('ui::layouts.master')
+
+@section('content')
+    <h1>Hello World</h1>
+
+    <p>
+        This view is loaded from module: {!! config('ui.name') !!}
+    </p>
+@endsection
diff --git a/Resources/views/layouts/master.blade.php b/Resources/views/layouts/master.blade.php
new file mode 100644
index 00000000..5510370b
--- /dev/null
+++ b/Resources/views/layouts/master.blade.php
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Module UI</title>
+
+       {{-- Laravel Vite - CSS File --}}
+       {{-- {{ module_vite('build-ui', 'Resources/assets/sass/app.scss') }} --}}
+
+    </head>
+    <body>
+        @yield('content')
+
+        {{-- Laravel Vite - JS File --}}
+        {{-- {{ module_vite('build-ui', 'Resources/assets/js/app.js') }} --}}
+    </body>
+</html>
diff --git a/Resources/views/livewire/empty.blade.php b/Resources/views/livewire/empty.blade.php
new file mode 100644
index 00000000..281c6866
--- /dev/null
+++ b/Resources/views/livewire/empty.blade.php
@@ -0,0 +1 @@
+<div></div>
\ No newline at end of file
diff --git a/Routes/.gitkeep b/Routes/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Routes/api.php b/Routes/api.php
new file mode 100644
index 00000000..498cba32
--- /dev/null
+++ b/Routes/api.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Http\Request;
+
+/*
+|--------------------------------------------------------------------------
+| API Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register API routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| is assigned the "api" middleware group. Enjoy building your API!
+|
+*/
+
+// \Illuminate\Support\Facades\Route::middleware('auth:api')->get('/ui', fn(Request $request) => $request->user());
diff --git a/Routes/web.php b/Routes/web.php
new file mode 100644
index 00000000..d453c9bf
--- /dev/null
+++ b/Routes/web.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+|--------------------------------------------------------------------------
+| Web Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register web routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| contains the "web" middleware group. Now create something great!
+|
+*/
+
+/*
+\Illuminate\Support\Facades\Route::prefix('ui')->group(function(): void {
+    \Illuminate\Support\Facades\Route::get('/', 'UIController@index');
+});
+*/
diff --git a/Services/UIService.php b/Services/UIService.php
new file mode 100644
index 00000000..692ba57c
--- /dev/null
+++ b/Services/UIService.php
@@ -0,0 +1,15 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Services;
+
+use Modules\Xot\Services\FileService;
+
+class UIService
+{
+    public static function asset(string $asset): ?string
+    {
+        return FileService::asset($asset);
+    }
+}
diff --git a/Tests/Feature/.gitkeep b/Tests/Feature/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/Tests/Unit/.gitkeep b/Tests/Unit/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/View/Components/.gitkeep b/View/Components/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/View/Components/_components.json b/View/Components/_components.json
new file mode 100644
index 00000000..0637a088
--- /dev/null
+++ b/View/Components/_components.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/_activity.code-workspace b/_activity.code-workspace
new file mode 100644
index 00000000..f18f85c5
--- /dev/null
+++ b/_activity.code-workspace
@@ -0,0 +1,39 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"editor.formatOnSave": true,
+		"php-cs-fixer.onsave": true,
+		"php-cs-fixer.formatHtml": true,
+		//"php-cs-fixer.config": "/var/.php_cs",
+		"//vscode-php-cs-fixer.config": "/var/.php_cs",
+		//"php-cs-fixer.configFile": "/var/.php_cs",
+		"php-cs-fixer.executable": "php-cs-fixer",
+		//"php-cs-fixer.executablePath": "/var/php-cs-fixer.phar",
+		//"php-cs-fixer.executablePathWindows": "/var/php-cs-fixer.phar",
+		"php-cs-fixer.executablePath":"",
+		"php-cs-fixer.executablePathWindows": "php-cs-fixer.bat",
+		"vscode-php-cs-fixer.allowRisky": true,
+		"phpmd.enabled": false,
+		"phpmd.validate.rulesets": "cleancode,codesize,controversial,design,naming,unusedcode",
+		"phpmd.SuppressWarnings":true,
+		"phpmd.verbose": false,
+		"php-cs-fixer.allowRisky": true,
+		"editor.defaultFormatter": "junstyle.php-cs-fixer",
+		"[php]": {
+			"editor.defaultFormatter": "junstyle.php-cs-fixer"
+		},
+		"editor.tokenColorCustomizations": {
+			"semanticHighlighting": true
+		},
+		"vscode-php-cs-fixer.useCache": true,
+		"git.ignoreLimitWarning": true,
+		"files.eol": "\n",
+		"editor.wordWrap": "wordWrapColumn",
+		"editor.wordWrapColumn": 120,
+		"git.autofetch": "all"
+	}
+}
\ No newline at end of file
diff --git a/_docs/api.txt b/_docs/api.txt
new file mode 100644
index 00000000..2672d69f
--- /dev/null
+++ b/_docs/api.txt
@@ -0,0 +1,7 @@
+-------------------------------------------------------------------------------------------------
+Render HTTP JSON Responses for API-based Projects in Laravel
+https://codebrisk.com/blog/render-http-json-responses-for-api-based-projects-in-laravel
+composer require kennedy-osaze/laravel-api-response
+---------------------------------------------------------------------------------------------
+
+
diff --git a/_docs/ci.txt b/_docs/ci.txt
new file mode 100644
index 00000000..c0aa0175
--- /dev/null
+++ b/_docs/ci.txt
@@ -0,0 +1,9 @@
+---------------------------------------------------------------------------------------------------
+Automatic Code formatting for Apps with Laravel Code Style
+https://codebrisk.com/blog/automatic-code-formatting-for-apps-with-laravel-code-style
+composer require jubeki/laravel-code-style --dev
+---------------------------------------------------------------------------------------------------
+Control the Complexity of Php Methods by Checking Arguments
+https://codebrisk.com/blog/control-the-complexity-of-php-methods-by-checking-arguments
+composer require degraciamathieu/php-arguments-detector --dev
+------------------------------------------------------------------------------------------------------
diff --git a/_docs/custom_theme.txt b/_docs/custom_theme.txt
new file mode 100644
index 00000000..39105fb0
--- /dev/null
+++ b/_docs/custom_theme.txt
@@ -0,0 +1,12 @@
+https://blog.jpat.dev/build-custom-components-inside-a-filament-v3-panel-with-livewire-and-tailwindcss
+
+
+php artisan make:filament-theme admin
+
+add resources/css/filament/admin/theme.css entry to vite.config.js
+
+in app/Providers/Filament/AdminPanelProvider.php
+add 
+->viteTheme('resources/css/filament/admin/theme.css')
+
+
diff --git a/_docs/links.txt b/_docs/links.txt
new file mode 100644
index 00000000..7e4ebc2f
--- /dev/null
+++ b/_docs/links.txt
@@ -0,0 +1,5 @@
+---------------------------------------------------------------------------------------------------
+Laravel URL Redirects with Optional Protected Url Passwords
+https://codebrisk.com/blog/laravel-url-redirects-with-optional-protected-url-passwords
+composer require yorcreative/laravel-urlshortener
+---------------------------------------------------------------------------------------------------
diff --git a/_docs/ratings.txt b/_docs/ratings.txt
new file mode 100644
index 00000000..07e2dbeb
--- /dev/null
+++ b/_docs/ratings.txt
@@ -0,0 +1,6 @@
+-------------------------------------------------------------------------------------------------
+Add Ratings and Reviews for Laravel's Eloquent Models
+https://codebrisk.com/blog/add-ratings-and-reviews-for-laravel-s-eloquent-models
+composer require mtvs/laravel-reviews
+https://github.com/mtvs/eloquent-aggregate-rating
+-------------------------------------------------------------------------------------------------
diff --git a/composer.json b/composer.json
new file mode 100644
index 00000000..2c98aa74
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,86 @@
+{
+    "name": "laraxot/module_ui_fila3",
+    "description": "",
+    "homepage": "https://github.com/laraxot/module_ui_fila3.git",
+    "license": "MIT",
+    "authors": [{
+        "name": "Marco Sottana",
+        "email": "marco.sottana@gmail.com"
+    }],
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Modules\\UI\\Providers\\UIServiceProvider"
+            ],
+            "aliases": {}
+        }
+    },
+    "autoload": {
+        "psr-4": {
+            "Modules\\UI\\": ""
+        }
+    },
+    "require": {
+        "illuminate/contracts": "*",
+        "illuminate/support": "*",
+        "laraxot/module_xot_fila3": "*",
+        "thecodingmachine/safe": "^2.5"
+    },
+    "require-dev": {
+        "driftingly/rector-laravel": "*",
+        "enlightn/enlightn": "^2.5",
+        "larastan/larastan": "^2.6",
+        "laravel/pint": "^1.13",
+        "nunomaduro/collision": "*",
+        "nunomaduro/phpinsights": "^2.9",
+        "orchestra/testbench": "*",
+        "pestphp/pest": "*",
+        "pestphp/pest-plugin-arch": "*",
+        "pestphp/pest-plugin-laravel": "*",
+        "phpstan/phpstan-deprecation-rules": "*",
+        "phpstan/phpstan-phpunit": "*",
+        "psalm/plugin-laravel": "^2.8",
+        "rector/phpstan-rules": "^0.7.1",
+        "rector/rector": "^0.18.6",
+        "spatie/laravel-ray": "*",
+        "symplify/phpstan-rules": "^12.4",
+        "thecodingmachine/phpstan-safe-rule": "^1.2",
+        "tightenco/duster": "*",
+        "vimeo/psalm": "^5.17"
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../User"
+        },
+        {
+            "type": "path",
+            "url": "../Tenant"
+        },
+        {
+            "type": "path",
+            "url": "../Xot"
+        }
+    ],
+    "scripts": {
+        "post-autoload-dump": [
+            "@php vendor/bin/testbench package:discover --ansi"
+        ],
+        "post-update-cmd": [
+            "Illuminate\\Foundation\\ComposerScripts::postUpdate"
+        ],
+        "analyse": "vendor/bin/phpstan analyse",
+        "test": "./vendor/bin/pest --no-coverage",
+        "test-coverage": "vendor/bin/pest --coverage-html coverage",
+        "format": "vendor/bin/php-cs-fixer fix --allow-risky=yes"
+    },
+    "config": {
+        "sort-packages": true,
+        "allow-plugins": {
+            "pestphp/pest-plugin": true,
+            "dealerdirect/phpcodesniffer-composer-installer": true
+        }
+    },
+    "minimum-stability": "dev",
+    "prefer-stable": true
+}
diff --git a/composer.phar b/composer.phar
new file mode 100644
index 00000000..e7665065
Binary files /dev/null and b/composer.phar differ
diff --git a/docs/.env.example b/docs/.env.example
new file mode 100644
index 00000000..02eb7d54
--- /dev/null
+++ b/docs/.env.example
@@ -0,0 +1,2 @@
+DOCSEARCH_KEY=
+DOCSEARCH_INDEX=
diff --git a/docs/.github/links.txt b/docs/.github/links.txt
new file mode 100644
index 00000000..620c6cb4
--- /dev/null
+++ b/docs/.github/links.txt
@@ -0,0 +1,2 @@
+https://gist.github.com/milon/5173255b58564a0e50548cfbe879181e
+
diff --git a/docs/.github/workflows/build-publish.yml b/docs/.github/workflows/build-publish.yml
new file mode 100644
index 00000000..c25bbd66
--- /dev/null
+++ b/docs/.github/workflows/build-publish.yml
@@ -0,0 +1,36 @@
+name: Build & Publish
+
+on:
+  push:
+    branches:
+      - develop
+  schedule:
+    - cron: "0 2 * * 1-5"
+
+jobs:
+  build-site:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - name: Install Composer Dependencies
+      run: composer install --no-ansi --no-interaction --no-scripts --no-suggest --no-progress --prefer-dist
+    - name: Install NPM Dependencies
+      run: npm install
+    - name: Build assets
+      run: npm run production
+    - name: Build Jigsaw site
+      run: ./vendor/bin/jigsaw build production
+    - name: Create CNAME File
+      run: echo "laraxot.github.io/doc_ui" >> build_production/CNAME
+    - name: Stage Files
+      run: git add -f build_production
+    - name: Commit files
+      run: |
+        git config --local user.email "actions@github.com"
+        git config --local user.name "GitHub Actions"
+        git commit -m "Build for deploy"
+    - name: Publish
+      run: |
+        git subtree split --prefix build_production -b master
+        git push -f origin master:master
+        git branch -D master
\ No newline at end of file
diff --git a/docs/.github/workflows/publish.yml b/docs/.github/workflows/publish.yml
new file mode 100644
index 00000000..f47cb847
--- /dev/null
+++ b/docs/.github/workflows/publish.yml
@@ -0,0 +1,39 @@
+name: Publish
+
+on:
+  push:
+    branches:
+      - master
+
+permissions:
+  contents: write
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@master
+
+    - name: Validate composer.json and composer.lock
+      run: composer validate
+
+    - name: Composer
+      run: composer install --no-progress --no-suggest
+
+    - name: Node
+      run: npm install
+
+    - name: Production
+      run: npm run prod
+
+    - name: CNAME
+      run: echo "laraxot.github.io/doc_ui" > ./build_production/CNAME
+
+    - name: gh-pages
+      uses: JamesIves/github-pages-deploy-action@v4.4.2
+      with:
+        branch: gh-pages
+        folder: build_production
diff --git a/docs/.gitignore b/docs/.gitignore
new file mode 100644
index 00000000..4907246d
--- /dev/null
+++ b/docs/.gitignore
@@ -0,0 +1,7 @@
+/build_*/
+/node_modules/
+/vendor/
+/source/assets/build/
+.env
+npm-debug.log
+/cache
diff --git a/docs/LICENSE.txt b/docs/LICENSE.txt
new file mode 100644
index 00000000..5db3edcf
--- /dev/null
+++ b/docs/LICENSE.txt
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) <Matt Stauffer, Anthony Terrell, Keith Damiani>
+
+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.
diff --git a/docs/a.git b/docs/a.git
new file mode 100644
index 00000000..fbe75ccc
--- /dev/null
+++ b/docs/a.git
@@ -0,0 +1 @@
+gitdir: ../../../../.git/modules/laravel/Modules/UI/modules/docs
diff --git a/docs/bootstrap.php b/docs/bootstrap.php
new file mode 100644
index 00000000..c7887916
--- /dev/null
+++ b/docs/bootstrap.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+use App\Listeners\GenerateSitemap;
+use TightenCo\Jigsaw\Jigsaw;
+
+/* @var $container \Illuminate\Container\Container */
+/* @var $events \TightenCo\Jigsaw\Events\EventBus */
+
+/*
+ * You can run custom code at different stages of the build process by
+ * listening to the 'beforeBuild', 'afterCollections', and 'afterBuild' events.
+ *
+ * For example:
+ *
+ * $events->beforeBuild(function (Jigsaw $jigsaw) {
+ *     // Your code here
+ * });
+ */
+
+$events->afterBuild(GenerateSitemap::class);
diff --git a/docs/composer.json b/docs/composer.json
new file mode 100644
index 00000000..12b68f0e
--- /dev/null
+++ b/docs/composer.json
@@ -0,0 +1,15 @@
+{
+    "name": "laraxot/module_ui_fila3",
+    "description": "ui module",
+    "license": "MIT",
+    "require": {
+        "tightenco/jigsaw": "^1.7",
+        "tightenco/jigsaw-docs-template": "^1.1",
+        "samdark/sitemap": "^2.2.1"
+    },
+    "autoload": {
+        "psr-4": {
+            "App\\Listeners\\": "listeners/"
+        }
+    }
+}
diff --git a/docs/config.php b/docs/config.php
new file mode 100644
index 00000000..312cf93f
--- /dev/null
+++ b/docs/config.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Support\Str;
+
+return [
+    'baseUrl' => '',
+    'production' => false,
+    'siteName' => 'Modulo UI',
+    'siteDescription' => 'Modulo UI',
+
+    // Algolia DocSearch credentials
+    'docsearchApiKey' => env('DOCSEARCH_KEY'),
+    'docsearchIndexName' => env('DOCSEARCH_INDEX'),
+
+    // navigation menu
+    'navigation' => require_once('navigation.php'),
+
+    // helpers
+    'isActive' => function ($page, $path) {
+        return Str::endsWith(trimPath($page->getPath()), trimPath($path));
+    },
+    'isActiveParent' => function ($page, $menuItem) {
+        if (is_object($menuItem) && $menuItem->children) {
+            return $menuItem->children->contains(function ($child) use ($page) {
+                return trimPath($page->getPath()) == trimPath($child);
+            });
+        }
+    },
+    'url' => function ($page, $path) {
+        return Str::startsWith($path, 'http') ? $path : '/'.trimPath($path);
+    },
+];
diff --git a/docs/config.production.php b/docs/config.production.php
new file mode 100644
index 00000000..88786421
--- /dev/null
+++ b/docs/config.production.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'baseUrl' => 'https://jigsaw-docs-template.tighten.co',
+    'production' => true,
+
+    // DocSearch credentials
+    'docsearchApiKey' => env('DOCSEARCH_KEY'),
+    'docsearchIndexName' => env('DOCSEARCH_INDEX'),
+];
diff --git a/docs/listeners/GenerateSitemap.php b/docs/listeners/GenerateSitemap.php
new file mode 100644
index 00000000..e983eae6
--- /dev/null
+++ b/docs/listeners/GenerateSitemap.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Listeners;
+
+use Illuminate\Support\Str;
+use samdark\sitemap\Sitemap;
+use TightenCo\Jigsaw\Jigsaw;
+
+class GenerateSitemap
+{
+    protected $exclude = [
+        '/assets/*',
+        '*/favicon.ico',
+        '*/404',
+    ];
+
+    public function handle(Jigsaw $jigsaw)
+    {
+        $baseUrl = $jigsaw->getConfig('baseUrl');
+
+        if (! $baseUrl) {
+            echo "\nTo generate a sitemap.xml file, please specify a 'baseUrl' in config.php.\n\n";
+
+            return;
+        }
+
+        $sitemap = new Sitemap($jigsaw->getDestinationPath().'/sitemap.xml');
+
+        collect($jigsaw->getOutputPaths())
+            ->reject(function ($path) {
+                return $this->isExcluded($path);
+            })->each(function ($path) use ($baseUrl, $sitemap) {
+                $sitemap->addItem(rtrim($baseUrl, '/').$path, time(), Sitemap::DAILY);
+            });
+
+        $sitemap->write();
+    }
+
+    public function isExcluded($path)
+    {
+        return Str::is($this->exclude, $path);
+    }
+}
diff --git a/docs/navigation.php b/docs/navigation.php
new file mode 100644
index 00000000..4cdb6977
--- /dev/null
+++ b/docs/navigation.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+    'Getting Started' => [
+        'url' => 'docs/getting-started',
+        'children' => [
+            'Customizing Your Site' => 'docs/customizing-your-site',
+            'Navigation' => 'docs/navigation',
+            'Algolia DocSearch' => 'docs/algolia-docsearch',
+            'Custom 404 Page' => 'docs/custom-404-page',
+        ],
+    ],
+    'Jigsaw Docs' => 'https://jigsaw.tighten.co/docs/installation',
+];
diff --git a/docs/package.json b/docs/package.json
new file mode 100644
index 00000000..1ce24a7a
--- /dev/null
+++ b/docs/package.json
@@ -0,0 +1,18 @@
+{
+    "private": true,
+    "scripts": {
+        "dev": "mix",
+        "watch": "mix watch",
+        "prod": "mix --production"
+    },
+    "devDependencies": {
+        "docsearch.js": "^2.6.3",
+        "highlight.js": "^10.5.0",
+        "laravel-mix": "^6.0.39",
+        "laravel-mix-jigsaw": "^1.5.0",
+        "postcss": "^8.2.4",
+        "sass": "^1.32.5",
+        "sass-loader": "^10.1.1",
+        "tailwindcss": "^1.9.6"
+    }
+}
diff --git a/docs/readme.md b/docs/readme.md
new file mode 100644
index 00000000..48d9f851
--- /dev/null
+++ b/docs/readme.md
@@ -0,0 +1,95 @@
+# Jigsaw Docs Starter Template
+
+This is a starter template for creating a beautiful, customizable documentation site for your project with minimal effort. You’ll only have to change a few settings and you’re ready to go.
+
+[View a preview of the docs template.](http://jigsaw-docs-template.tighten.co/)
+
+## Installation
+
+After installing Jigsaw, run the following command from your project directory:
+
+```bash
+./vendor/bin/jigsaw init docs
+```
+
+This starter template includes samples of common page types, and comes pre-configured with:
+
+- A fully responsive navigation bar
+- A sidebar navigation menu
+- [Tailwind CSS](https://tailwindcss.com/), a utility CSS framework that allows you to customize your design without touching a line of CSS
+- [Purgecss](https://www.purgecss.com/) to remove unused selectors from your CSS, resulting in smaller CSS files
+- Syntax highlighting using [highlight.js](https://highlightjs.org/)
+- A script that automatically generates a `sitemap.xml` file
+- A search bar powered by [Algolia DocSearch](https://community.algolia.com/docsearch/), and instructions on how to get started with their free indexing service
+- A custom 404 page
+
+---
+
+![Docs starter template screenshot](https://user-images.githubusercontent.com/357312/50345478-40170c00-04fd-11e9-856c-ad46d1ac45cb.png)
+
+---
+
+### Configuring your new site
+
+As with all Jigsaw sites, configuration settings can be found in `config.php`; you can update the variables in that file with settings specific to your project. You can also add new configuration variables there to use across your site; take a look at the [Jigsaw documentation](http://jigsaw.tighten.co/docs/site-variables/) to learn more.
+
+```php
+// config.php
+return [
+    'baseUrl' => 'https://my-awesome-jigsaw-site.com/',
+    'production' => false,
+    'siteName' => 'My Site',
+    'siteDescription' => 'Give your documentation a boost with Jigsaw.',
+    'docsearchApiKey' => '',
+    'docsearchIndexName' => '',
+    'navigation' => require_once('navigation.php'),
+];
+```
+
+> Tip: This configuration file is also where you’ll define any "collections" (for example, a collection of the contributors to your site, or a collection of blog posts). Check out the official [Jigsaw documentation](https://jigsaw.tighten.co/docs/collections/) to learn more.
+
+---
+
+### Adding Content
+
+You can write your content using a [variety of file types](http://jigsaw.tighten.co/docs/content-other-file-types/). By default, this starter template expects your content to be located in the `source/docs` folder. If you change this, be sure to update the URL references in `navigation.php`.
+
+The first section of each content page contains a YAML header that specifies how it should be rendered. The `title` attribute is used to dynamically generate HTML `title` and OpenGraph tags for each page. The `extends` attribute defines which parent Blade layout this content file will render with (e.g. `_layouts.documentation` will render with `source/_layouts/documentation.blade.php`), and the `section` attribute defines the Blade "section" that expects this content to be placed into it.
+
+```yaml
+---
+title: Navigation
+description: Building a navigation menu for your site
+extends: _layouts.documentation
+section: content
+---
+```
+
+[Read more about Jigsaw layouts.](https://jigsaw.tighten.co/docs/content-blade/)
+
+---
+
+### Adding Assets
+
+Any assets that need to be compiled (such as JavaScript, Less, or Sass files) can be added to the `source/_assets/` directory, and Laravel Mix will process them when running `npm run dev` or `npm run prod`. The processed assets will be stored in `/source/assets/build/` (note there is no underscore on this second `assets` directory).
+
+Then, when Jigsaw builds your site, the entire `/source/assets/` directory containing your built files (and any other directories containing static assets, such as images or fonts, that you choose to store there) will be copied to the destination build folders (`build_local`, on your local machine).
+
+Files that don't require processing (such as images and fonts) can be added directly to `/source/assets/`.
+
+[Read more about compiling assets in Jigsaw using Laravel Mix.](http://jigsaw.tighten.co/docs/compiling-assets/)
+
+---
+
+## Building Your Site
+
+Now that you’ve edited your configuration variables and know how to customize your styles and content, let’s build the site.
+
+```bash
+# build static files with Jigsaw
+./vendor/bin/jigsaw build
+
+# compile assets with Laravel Mix
+# options: dev, prod
+npm run dev
+```
diff --git a/docs/source/404.blade.php b/docs/source/404.blade.php
new file mode 100644
index 00000000..7358a078
--- /dev/null
+++ b/docs/source/404.blade.php
@@ -0,0 +1,15 @@
+@extends('_layouts.master')
+
+@section('body')
+<div class="flex flex-col items-center mt-32 text-gray-700">
+    <h1 class="text-6xl font-light leading-none mb-2">404</h1>
+
+    <h2 class="text-3xl">Page not found</h2>
+
+    <hr class="block w-full max-w-lg mx-auto my-8 border">
+
+    <p class="text-xl">
+        Need to update this page? See the <a title="404 Page Documentation" href="https://jigsaw.tighten.co/docs/custom-404-page/"> Jigsaw documentation</a>.
+    </p>
+</div>
+@endsection
diff --git a/docs/source/_assets/css/main.css b/docs/source/_assets/css/main.css
new file mode 100644
index 00000000..a31e4441
--- /dev/null
+++ b/docs/source/_assets/css/main.css
@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
diff --git a/docs/source/_assets/js/main.js b/docs/source/_assets/js/main.js
new file mode 100644
index 00000000..7e2a4c1e
--- /dev/null
+++ b/docs/source/_assets/js/main.js
@@ -0,0 +1,17 @@
+window.docsearch = require('docsearch.js');
+
+import hljs from 'highlight.js/lib/core';
+
+hljs.registerLanguage('bash', require('highlight.js/lib/languages/bash'));
+hljs.registerLanguage('css', require('highlight.js/lib/languages/css'));
+hljs.registerLanguage('html', require('highlight.js/lib/languages/xml'));
+hljs.registerLanguage('javascript', require('highlight.js/lib/languages/javascript'));
+hljs.registerLanguage('json', require('highlight.js/lib/languages/json'));
+hljs.registerLanguage('markdown', require('highlight.js/lib/languages/markdown'));
+hljs.registerLanguage('php', require('highlight.js/lib/languages/php'));
+hljs.registerLanguage('scss', require('highlight.js/lib/languages/scss'));
+hljs.registerLanguage('yaml', require('highlight.js/lib/languages/yaml'));
+
+document.querySelectorAll('pre code').forEach((block) => {
+    hljs.highlightBlock(block);
+});
diff --git a/docs/source/_assets/sass/_base.scss b/docs/source/_assets/sass/_base.scss
new file mode 100644
index 00000000..552a3501
--- /dev/null
+++ b/docs/source/_assets/sass/_base.scss
@@ -0,0 +1,143 @@
+body {
+    font-size: 17px;
+}
+
+a {
+    @apply .font-semibold;
+    @apply .no-underline;
+    @apply .text-blue-600;
+
+    &:hover {
+        @apply .text-blue-800;
+    }
+}
+
+blockquote {
+    @apply .border-blue-400;
+    @apply .border-l-4;
+    @apply .font-normal;
+    @apply .italic;
+    @apply .my-8;
+    @apply .pl-6;
+    @apply .text-gray-800;
+    @apply .text-lg;
+}
+
+code {
+    @apply .bg-gray-300;
+    @apply .px-2;
+    @apply .py-px;
+    @apply .rounded;
+    @apply .text-sm;
+}
+
+code.hljs {
+    @apply .bg-transparent;
+    @apply .p-0;
+
+    .hljs-comment,
+    .hljs-keyword,
+    .hljs-meta {
+        @apply .font-normal;
+        @apply .not-italic;
+    }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    @apply .leading-tight;
+    @apply .mb-4;
+    @apply .mt-8;
+    @apply .text-gray-900;
+
+    &:first-child {
+        @apply .mt-0;
+    }
+}
+
+h1 {
+    @apply .font-extrabold;
+    @apply .text-5xl;
+}
+
+h2 {
+    @apply .font-bold;
+    @apply .text-4xl;
+}
+
+h3 {
+    @apply .font-bold;
+    @apply .text-3xl;
+}
+
+h4 {
+    @apply .font-normal;
+    @apply .text-2xl;
+}
+
+h5 {
+    @apply .font-normal;
+    @apply .text-xl;
+}
+
+h6 {
+    @apply .font-light;
+    @apply .text-lg;
+}
+
+hr {
+    @apply .border-b;
+    @apply .border-blue-200;
+    @apply .my-12;
+    @apply .rounded-full;
+}
+
+li {
+    ul,
+    ol {
+        @apply .my-0;
+    }
+}
+
+ol,
+ul {
+    @apply .my-4;
+}
+
+ol {
+    @apply .list-decimal;
+}
+
+p {
+    @apply .my-3;
+
+    @screen md {
+        @apply .my-6;
+    }
+}
+
+pre {
+    @apply .bg-gray-200;
+    @apply .leading-loose;
+    @apply .my-6;
+    @apply .overflow-x-auto;
+    @apply .p-4;
+    @apply .rounded;
+    @apply .shadow;
+    @apply .text-base;
+
+    code {
+        @apply .bg-transparent;
+        @apply .block;
+        @apply .p-0;
+    }
+}
+
+::selection {
+    @apply .bg-blue-500;
+    @apply .text-white;
+}
diff --git a/docs/source/_assets/sass/_documentation.scss b/docs/source/_assets/sass/_documentation.scss
new file mode 100644
index 00000000..57a35083
--- /dev/null
+++ b/docs/source/_assets/sass/_documentation.scss
@@ -0,0 +1 @@
+// Add your custom styles here
diff --git a/docs/source/_assets/sass/_navigation.scss b/docs/source/_assets/sass/_navigation.scss
new file mode 100644
index 00000000..c74b0606
--- /dev/null
+++ b/docs/source/_assets/sass/_navigation.scss
@@ -0,0 +1,33 @@
+.nav-menu {
+    @apply .-mt-12;
+    @apply .-mx-8;
+    @apply .bg-gray-200;
+    @apply .mb-8;
+    @apply .pb-4;
+    @apply .pt-8;
+    @apply .px-4;
+    @apply .shadow;
+    @apply .w-auto;
+
+    @screen lg {
+        @apply .-mx-4;
+        @apply .bg-transparent;
+        @apply .block;
+        @apply .border-b-0;
+        @apply .mt-1;
+        @apply .pl-0;
+        @apply .pr-4;
+        @apply .pt-0;
+        @apply .shadow-none;
+        @apply .w-1/4;
+    }
+}
+
+.nav-menu__item {
+    @apply .block;
+    @apply .no-underline;
+    @apply .mb-3;
+    @apply .mt-0;
+    @apply .text-gray-800;
+    @apply .text-sm;
+}
diff --git a/docs/source/_assets/sass/_search.scss b/docs/source/_assets/sass/_search.scss
new file mode 100644
index 00000000..a897f0e8
--- /dev/null
+++ b/docs/source/_assets/sass/_search.scss
@@ -0,0 +1,76 @@
+.docsearch-input {
+    background-image: url('/assets/img/magnifying-glass.svg');
+    background-position: 0.8em;
+    background-repeat: no-repeat;
+    text-indent: 1.2em;
+
+    @screen lg {
+        &:focus {
+            @apply .w-2/3;
+        }
+    }
+
+    @screen xl {
+        &:focus {
+            @apply .w-1/2;
+        }
+    }
+
+    &__wrapper {
+        @apply absolute;
+        @apply bg-white;
+        @apply mt-7;
+        @apply left-0;
+        @apply top-0;
+        @apply px-4;
+        @apply w-full;
+        @apply z-10;
+
+        @screen md {
+            @apply mt-0;
+            @apply px-0;
+            @apply relative;
+        }
+    }
+}
+
+.algolia-autocomplete {
+    @apply .text-right;
+    @apply .w-full;
+
+    .ds-dropdown-menu {
+        @apply .w-full;
+
+        max-width: 750px !important;
+        min-width: auto !important;
+
+        .algolia-docsearch-suggestion {
+            .algolia-docsearch-suggestion--content {
+                @apply .w-full;
+
+                @screen md {
+                    @apply .w-2/3;
+                }
+            }
+
+            .algolia-docsearch-suggestion--text {
+                @apply .font-normal;
+
+                line-height: 1.4;
+            }
+
+            .algolia-docsearch-suggestion--wrapper {
+                @apply .py-3;
+            }
+
+            .algolia-docsearch-suggestion--subcategory-column {
+                @apply .hidden;
+
+                @screen md {
+                    @apply .w-1/3;
+                    @apply .inline-block;
+                }
+            }
+        }
+    }
+}
diff --git a/docs/source/_assets/sass/main.scss b/docs/source/_assets/sass/main.scss
new file mode 100644
index 00000000..c795c9f2
--- /dev/null
+++ b/docs/source/_assets/sass/main.scss
@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+
+// Code syntax highlighting,
+// powered by https://highlightjs.org
+@import '~highlight.js/styles/a11y-light.css';
+
+@import 'base';
+@import 'navigation';
+@import 'documentation';
+@import 'search';
+
+@tailwind utilities;
diff --git a/docs/source/_layouts/documentation.blade.php b/docs/source/_layouts/documentation.blade.php
new file mode 100644
index 00000000..67f2a81d
--- /dev/null
+++ b/docs/source/_layouts/documentation.blade.php
@@ -0,0 +1,19 @@
+@extends('_layouts.master')
+
+@section('nav-toggle')
+    @include('_nav.menu-toggle')
+@endsection
+
+@section('body')
+<section class="container max-w-8xl mx-auto px-6 md:px-8 py-4">
+    <div class="flex flex-col lg:flex-row">
+        <nav id="js-nav-menu" class="nav-menu hidden lg:block">
+            @include('_nav.menu', ['items' => $page->navigation])
+        </nav>
+
+        <div class="DocSearch-content w-full lg:w-3/5 break-words pb-16 lg:pl-4" v-pre>
+            @yield('content')
+        </div>
+    </div>
+</section>
+@endsection
diff --git a/docs/source/_layouts/main.blade.php b/docs/source/_layouts/main.blade.php
new file mode 100644
index 00000000..e1abb8e5
--- /dev/null
+++ b/docs/source/_layouts/main.blade.php
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="{{ $page->language ?? 'en' }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="canonical" href="{{ $page->getUrl() }}">
+        <meta name="description" content="{{ $page->description }}">
+        <title>{{ $page->title }}</title>
+        <link rel="stylesheet" href="{{ mix('css/main.css', 'assets/build') }}">
+        <script defer src="{{ mix('js/main.js', 'assets/build') }}"></script>
+    </head>
+    <body class="text-gray-900 font-sans antialiased">
+        @yield('body')
+    </body>
+</html>
diff --git a/docs/source/_layouts/master.blade.php b/docs/source/_layouts/master.blade.php
new file mode 100644
index 00000000..ba991e29
--- /dev/null
+++ b/docs/source/_layouts/master.blade.php
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <meta name="description" content="{{ $page->description ?? $page->siteDescription }}">
+
+        <meta property="og:site_name" content="{{ $page->siteName }}"/>
+        <meta property="og:title" content="{{ $page->title ?  $page->title . ' | ' : '' }}{{ $page->siteName }}"/>
+        <meta property="og:description" content="{{ $page->description ?? $page->siteDescription }}"/>
+        <meta property="og:url" content="{{ $page->getUrl() }}"/>
+        <meta property="og:image" content="{{ $page->baseUrl }}/assets/img/logo.png"/>
+        <meta property="og:type" content="website"/>
+
+        <meta name="twitter:image:alt" content="{{ $page->siteName }}">
+        <meta name="twitter:card" content="summary_large_image">
+
+        @if ($page->docsearchApiKey && $page->docsearchIndexName)
+            <meta name="generator" content="tighten_jigsaw_doc">
+        @endif
+
+        <title>{{ $page->siteName }}{{ $page->title ? ' | ' . $page->title : '' }}</title>
+
+        <link rel="home" href="{{ $page->baseUrl }}">
+        <link rel="icon" href="{{ $page->baseUrl }}/favicon.ico">
+
+        @stack('meta')
+
+        @if ($page->production)
+            <!-- Insert analytics code here -->
+        @endif
+
+        <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,700,700i,800,800i" rel="stylesheet">
+        <link rel="stylesheet" href="{{ $page->baseUrl }}/{{ mix('css/main.css', 'assets/build') }}">
+
+        @if ($page->docsearchApiKey && $page->docsearchIndexName)
+            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
+        @endif
+    </head>
+
+    <body class="flex flex-col justify-between min-h-screen bg-gray-100 text-gray-800 leading-normal font-sans">
+        <header class="flex items-center shadow bg-white border-b h-24 mb-8 py-4" role="banner">
+            <div class="container flex items-center max-w-8xl mx-auto px-4 lg:px-8">
+                <div class="flex items-center">
+                    <a href="/" title="{{ $page->siteName }} home" class="inline-flex items-center">
+                        <img class="h-8 md:h-10 mr-3" src="{{ $page->baseUrl }}/assets/img/logo.svg" alt="{{ $page->siteName }} logo" />
+
+                        <h1 class="text-lg md:text-2xl text-blue-900 font-semibold hover:text-blue-600 my-0 pr-4">{{ $page->siteName }}</h1>
+                    </a>
+                </div>
+
+                <div class="flex flex-1 justify-end items-center text-right md:pl-10">
+                    @if ($page->docsearchApiKey && $page->docsearchIndexName)
+                        @include('_nav.search-input')
+                    @endif
+                </div>
+            </div>
+
+            @yield('nav-toggle')
+        </header>
+
+        <main role="main" class="w-full flex-auto">
+            @yield('body')
+        </main>
+
+        <script src="{{ $page->baseUrl }}/{{ mix('js/main.js', 'assets/build') }}"></script>
+
+        @stack('scripts')
+
+        <footer class="bg-white text-center text-sm mt-12 py-4" role="contentinfo">
+            <ul class="flex flex-col md:flex-row justify-center">
+                <li class="md:mr-2">
+                    &copy; <a href="https://tighten.co" title="Tighten website">Tighten</a> {{ date('Y') }}.
+                </li>
+
+                <li>
+                    Built with <a href="http://jigsaw.tighten.co" title="Jigsaw by Tighten">Jigsaw</a>
+                    and <a href="https://tailwindcss.com" title="Tailwind CSS, a utility-first CSS framework">Tailwind CSS</a>.
+                </li>
+            </ul>
+        </footer>
+    </body>
+</html>
diff --git a/docs/source/_nav/menu-item.blade.php b/docs/source/_nav/menu-item.blade.php
new file mode 100644
index 00000000..4d8bf690
--- /dev/null
+++ b/docs/source/_nav/menu-item.blade.php
@@ -0,0 +1,18 @@
+<li class="pl-4">
+    @if ($url = is_string($item) ? $item : $item->url)
+        {{-- Menu item with URL--}}
+        <a href="{{ $page->url($url) }}"
+            class="{{ 'lvl' . $level }} {{ $page->isActiveParent($item) ? 'lvl' . $level . '-active' : '' }} {{ $page->isActive($url) ? 'active font-semibold text-blue-500' : '' }} nav-menu__item hover:text-blue-500"
+        >
+            {{ $label }}
+        </a>
+    @else
+        {{-- Menu item without URL--}}
+        <p class="nav-menu__item text-gray-600">{{ $label }}</p>
+    @endif
+
+    @if (! is_string($item) && $item->children)
+        {{-- Recursively handle children --}}
+        @include('_nav.menu', ['items' => $item->children, 'level' => ++$level])
+    @endif
+</li>
diff --git a/docs/source/_nav/menu-toggle.blade.php b/docs/source/_nav/menu-toggle.blade.php
new file mode 100644
index 00000000..d7975ea2
--- /dev/null
+++ b/docs/source/_nav/menu-toggle.blade.php
@@ -0,0 +1,29 @@
+<button class="flex justify-center items-center bg-blue-500 border border-blue-500 h-10 mr-4 px-5 rounded-full lg:hidden focus:outline-none"
+    onclick="navMenu.toggle()"
+>
+    <svg id="js-nav-menu-show" xmlns="http://www.w3.org/2000/svg"
+        class="fill-current text-white h-9 w-4" viewBox="0 0 32 32"
+    >
+        <path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/>
+    </svg>
+
+    <svg id="js-nav-menu-hide" xmlns="http://www.w3.org/2000/svg"
+        class="hidden fill-current text-white h-9 w-4" viewBox="0 0 36 30"
+    >
+        <polygon points="32.8,4.4 28.6,0.2 18,10.8 7.4,0.2 3.2,4.4 13.8,15 3.2,25.6 7.4,29.8 18,19.2 28.6,29.8 32.8,25.6 22.2,15 "/>
+    </svg>
+</button>
+
+@push('scripts')
+<script>
+    const navMenu = {
+        toggle() {
+            const menu = document.getElementById('js-nav-menu');
+            menu.classList.toggle('hidden');
+            menu.classList.toggle('lg:block');
+            document.getElementById('js-nav-menu-hide').classList.toggle('hidden');
+            document.getElementById('js-nav-menu-show').classList.toggle('hidden');
+        },
+    }
+</script>
+@endpush
diff --git a/docs/source/_nav/menu.blade.php b/docs/source/_nav/menu.blade.php
new file mode 100644
index 00000000..d60cdc26
--- /dev/null
+++ b/docs/source/_nav/menu.blade.php
@@ -0,0 +1,7 @@
+@php $level = $level ?? 0 @endphp
+
+<ul class="my-0">
+    @foreach ($items as $label => $item)
+        @include('_nav.menu-item')
+    @endforeach
+</ul>
diff --git a/docs/source/_nav/search-input.blade.php b/docs/source/_nav/search-input.blade.php
new file mode 100644
index 00000000..34cdee2a
--- /dev/null
+++ b/docs/source/_nav/search-input.blade.php
@@ -0,0 +1,47 @@
+<button
+    title="Start searching"
+    type="button"
+    class="flex md:hidden bg-gray-100 hover:bg-blue-100 justify-center items-center border border-gray-500 rounded-full focus:outline-none h-10 px-3"
+    onclick="searchInput.toggle()"
+>
+    <img src="/assets/img/magnifying-glass.svg" alt="search icon" class="h-4 w-4 max-w-none">
+</button>
+
+<div id="js-search-input" class="docsearch-input__wrapper hidden md:block">
+    <label for="search" class="hidden">Search</label>
+
+    <input
+        id="docsearch-input"
+        class="docsearch-input relative block h-10 transition-fast w-full lg:w-1/2 xl:w-1/3 bg-gray-100 outline-none rounded-full text-gray-700 border border-gray-500 focus:border-blue-400 ml-auto px-4 pb-0"
+        name="docsearch"
+        type="text"
+        placeholder="Search"
+    >
+
+    <button
+        class="md:hidden absolute pin-t pin-r h-full font-light text-3xl text-blue-500 hover:text-blue-600 focus:outline-none -mt-px pr-7"
+        onclick="searchInput.toggle()"
+    >&times;</button>
+</div>
+
+@push('scripts')
+    @if ($page->docsearchApiKey && $page->docsearchIndexName)
+        <script type="text/javascript">
+            docsearch({
+                apiKey: '{{ $page->docsearchApiKey }}',
+                indexName: '{{ $page->docsearchIndexName }}',
+                inputSelector: '#docsearch-input',
+                debug: false // Set debug to true if you want to inspect the dropdown
+            });
+
+            const searchInput = {
+                toggle() {
+                    const menu = document.getElementById('js-search-input');
+                    menu.classList.toggle('hidden');
+                    menu.classList.toggle('md:block');
+                    document.getElementById('docsearch-input').focus();
+                },
+            }
+        </script>
+    @endif
+@endpush
diff --git a/docs/source/assets/images/jigsaw.png b/docs/source/assets/images/jigsaw.png
new file mode 100644
index 00000000..c7c3b8d8
Binary files /dev/null and b/docs/source/assets/images/jigsaw.png differ
diff --git a/docs/source/assets/img/docsearch.png b/docs/source/assets/img/docsearch.png
new file mode 100644
index 00000000..8912d923
Binary files /dev/null and b/docs/source/assets/img/docsearch.png differ
diff --git a/docs/source/assets/img/icon-stack.svg b/docs/source/assets/img/icon-stack.svg
new file mode 100644
index 00000000..5a4bbb3c
--- /dev/null
+++ b/docs/source/assets/img/icon-stack.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="51px" height="44px" viewBox="0 0 51 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 7</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="04-docs-start-copy-3" transform="translate(-816.000000, -695.000000)">
+            <g id="Group-7" transform="translate(816.000000, 695.000000)">
+                <path d="M25.1572266,19.5799762 L1.12512399,31.5016008 L25.1572266,43.4232253 L49.1893291,31.5016008 L25.1572266,19.5799762 Z" id="Rectangle-3-Copy-3" stroke="#318AD3"></path>
+                <path d="M25.1572266,10.5986098 L1.12512399,22.5202343 L25.1572266,34.4418588 L49.1893291,22.5202343 L25.1572266,10.5986098 Z" id="Rectangle-3-Copy-5" stroke="#748294"></path>
+                <path d="M25.1572266,0.558141166 L1.12512399,12.4797657 L25.1572266,24.4013902 L49.1893291,12.4797657 L25.1572266,0.558141166 Z" id="Rectangle-3-Copy-6" stroke="#318AD3"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/source/assets/img/icon-terminal.svg b/docs/source/assets/img/icon-terminal.svg
new file mode 100644
index 00000000..521d0c32
--- /dev/null
+++ b/docs/source/assets/img/icon-terminal.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="37px" height="34px" viewBox="0 0 37 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
+    <title>terminal</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="04-docs-start-copy-3" transform="translate(-497.000000, -699.000000)">
+            <g id="terminal" transform="translate(497.000000, 700.000000)">
+                <polyline id="Shape" stroke="#318AD3" points="0 27 14 13.5 0 0"></polyline>
+                <path d="M18,32 L36,32" id="Shape" stroke="#748294"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/source/assets/img/icon-window.svg b/docs/source/assets/img/icon-window.svg
new file mode 100644
index 00000000..ad0c5b39
--- /dev/null
+++ b/docs/source/assets/img/icon-window.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="38px" height="31px" viewBox="0 0 38 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 6</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="04-docs-start-copy-3" transform="translate(-170.000000, -702.000000)" fill-rule="nonzero">
+            <g id="Group-6" transform="translate(170.000000, 702.000000)">
+                <rect id="Rectangle-2" stroke="#318AD3" x="0.5" y="0.5" width="37" height="30" rx="3"></rect>
+                <rect id="Rectangle-8" stroke="#318AD3" x="0.5" y="6.5" width="37" height="1"></rect>
+                <rect id="Rectangle-8" stroke="#748294" x="8.5" y="23.5" width="9" height="1"></rect>
+                <rect id="Rectangle-8" stroke="#748294" x="8.5" y="25.5" width="9" height="1"></rect>
+                <rect id="Rectangle-8" stroke="#748294" x="21.5" y="23.5" width="9" height="1"></rect>
+                <rect id="Rectangle-8" stroke="#748294" x="21.5" y="25.5" width="9" height="1"></rect>
+                <rect id="Rectangle-9" stroke="#748294" x="5.5" y="11.5" width="26" height="6"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/source/assets/img/logo-large.svg b/docs/source/assets/img/logo-large.svg
new file mode 100644
index 00000000..79117ba8
--- /dev/null
+++ b/docs/source/assets/img/logo-large.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="318px" height="350px" viewBox="0 0 318 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 2</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="-83.2348064%" y1="106.401351%" x2="140.023112%" y2="-13.2029998%" id="linearGradient-1">
+            <stop stop-color="#F8FAFC" offset="0%"></stop>
+            <stop stop-color="#F8FAFC" offset="21.7972142%"></stop>
+            <stop stop-color="#BBDBF5" offset="100%"></stop>
+            <stop stop-color="#B9DAF5" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="04-docs-start-copy-3" transform="translate(-714.000000, -205.000000)">
+            <g id="Group-2" transform="translate(714.000000, 205.000000)">
+                <path d="M159.9,41.23566 L29.5,106.216315 L29.5,268.671884 L159.9,333.652539 L290.3,268.671884 L290.3,106.216315 L159.9,41.23566 Z" id="Rectangle-3-Copy" stroke="#B9DAF5"></path>
+                <polygon id="Rectangle-3-Copy-2" fill="url(#linearGradient-1)" points="129.8 186.334516 129.8 349.670807 0 284.336291 0 121"></polygon>
+                <path d="M317.3,186.64261 L188.5,121.811441 L188.5,284.028197 L317.3,348.859366 L317.3,186.64261 Z" id="Rectangle-3-Copy-4" stroke="#338CD6" transform="translate(252.900000, 235.335404) scale(1, -1) translate(-252.900000, -235.335404) "></path>
+                <path d="M159.9,41.2359725 L30.1185393,106.090062 L159.9,170.944152 L289.681461,106.090062 L159.9,41.2359725 Z" id="Rectangle-3" stroke="#B9DAF5"></path>
+                <path d="M159.9,0.558953879 L30.1185393,65.4130435 L159.9,130.267133 L289.681461,65.4130435 L159.9,0.558953879 Z" id="Rectangle-3-Copy-3" stroke="#338CD6"></path>
+                <path d="M160.175,170.953416 L160.175,332.562112" id="Line" stroke="#B9DAF5" stroke-linecap="square" fill-rule="nonzero"></path>
+                <path d="M160.358333,130.484509 L160.358333,165.798482" id="Line-2-Copy-3" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero"></path>
+                <path d="M290.158333,68.178117 L290.158333,103.49209" id="Line-2-Copy-4" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero"></path>
+                <path d="M133.55,185.742236 L159.95,172.549689" id="Line-2" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero"></path>
+                <path d="M133.55,348.742236 L159.95,335.549689" id="Line-2-Copy" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero"></path>
+                <path d="M292.35,283.586957 L318.75,270.39441" id="Line-2" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero" transform="translate(305.550000, 276.990683) scale(1, -1) translate(-305.550000, -276.990683) "></path>
+                <path d="M162.55,348.742236 L188.95,335.549689" id="Line-2-Copy-2" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero" transform="translate(175.750000, 342.145963) scale(1, -1) translate(-175.750000, -342.145963) "></path>
+                <path d="M291.55,119.742236 L317.95,106.549689" id="Line-2-Copy" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero" transform="translate(304.750000, 113.145963) scale(1, -1) translate(-304.750000, -113.145963) "></path>
+                <path d="M162.55,185.742236 L188.95,172.549689" id="Line-2-Copy-5" stroke="#C7CFDA" stroke-linecap="square" stroke-dasharray="2,4" fill-rule="nonzero" transform="translate(175.750000, 179.145963) scale(1, -1) translate(-175.750000, -179.145963) "></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/source/assets/img/logo.png b/docs/source/assets/img/logo.png
new file mode 100644
index 00000000..17d06eea
Binary files /dev/null and b/docs/source/assets/img/logo.png differ
diff --git a/docs/source/assets/img/logo.svg b/docs/source/assets/img/logo.svg
new file mode 100644
index 00000000..1e748b9c
--- /dev/null
+++ b/docs/source/assets/img/logo.svg
@@ -0,0 +1,12 @@
+<svg width="40px" height="45px" viewBox="0 0 40 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="04-docs-start" transform="translate(-170.000000, -28.000000)">
+            <g id="Group" transform="translate(170.000000, 28.000000)">
+                <polygon id="Rectangle-3-Copy" fill="#338CD6" points="20 0 40 10 40 35 20 45 0 35 0 10"></polygon>
+                <polygon id="Rectangle-3-Copy-2" fill="#1C3E5A" points="20 20 20 45 0 35 0 10"></polygon>
+                <polygon id="Rectangle-3" fill="#B9DAF5" points="20 0 40 10 20 20 0 10"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/source/assets/img/magnifying-glass.svg b/docs/source/assets/img/magnifying-glass.svg
new file mode 100644
index 00000000..15bf7647
--- /dev/null
+++ b/docs/source/assets/img/magnifying-glass.svg
@@ -0,0 +1,8 @@
+<svg width="13px" height="13px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs></defs>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-829.000000, -42.000000)" fill="#748294" fill-rule="nonzero">
+            <path d="M843.319857,54.9056439 L848.707107,60.2928932 C849.097631,60.6834175 849.097631,61.3165825 848.707107,61.7071068 C848.316582,62.0976311 847.683418,62.0976311 847.292893,61.7071068 L841.905644,56.3198574 C840.55096,57.3729184 838.848711,58 837,58 C832.581722,58 829,54.418278 829,50 C829,45.581722 832.581722,42 837,42 C841.418278,42 845,45.581722 845,50 C845,51.8487115 844.372918,53.5509601 843.319857,54.9056439 Z M837,56 C840.313708,56 843,53.3137085 843,50 C843,46.6862915 840.313708,44 837,44 C833.686292,44 831,46.6862915 831,50 C831,53.3137085 833.686292,56 837,56 Z" id="Mask"></path>
+        </g>
+    </g>
+</svg>
diff --git a/docs/source/docs/algolia-docsearch.md b/docs/source/docs/algolia-docsearch.md
new file mode 100644
index 00000000..f21ac500
--- /dev/null
+++ b/docs/source/docs/algolia-docsearch.md
@@ -0,0 +1,71 @@
+---
+title: Algolia DocSearch
+description: Configure Algolia DocSearch with the Jigsaw docs starter template
+extends: _layouts.documentation
+section: content
+---
+
+# Algolia DocSearch {#algolia-docsearch}
+
+This starter template includes support for [DocSearch](https://community.algolia.com/docsearch/), a documentation indexing and search tool provided by Algolia for free. To configure this tool, you’ll need to sign up with Algolia and set your API Key and index name in `config.php`. Algolia will then crawl your documentation regularly, and index all your content.
+
+[Get your DocSearch credentials here.](https://community.algolia.com/docsearch/#join-docsearch-program)
+
+```php
+// config.php
+return [
+    'docsearchApiKey' => '',
+    'docsearchIndexName' => '',
+];
+```
+
+Once the `docsearchApiKey` and `docsearchIndexName` values are set in `config.php`, the search field at the top of the page is ready to use.
+
+<img class="block m-auto" src="/assets/img/docsearch.png" alt="Screenshot of search results" />
+
+To help Algolia index your pages correctly, it's good practice to add a unique `id` or `name` attribute to each heading tag (`<h1>`, `<h2>`, etc.). By doing so, a user will be taken directly to the appropriate section of the page when they click a search result.
+
+---
+
+## Adding Custom Styles {#algolia-adding-custom-styles}
+
+If you'd like to customize the styling of the search results, Algolia exposes custom CSS classes that you can modify:
+
+```css
+/* Main dropdown wrapper */
+.algolia-autocomplete .ds-dropdown-menu {
+  width: 500px;
+}
+
+/* Main category (eg. Getting Started) */
+.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
+  color: darkgray;
+  border: 1px solid gray;
+}
+
+/* Category (eg. Downloads) */
+.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
+  color: gray;
+}
+
+/* Title (eg. Bootstrap CDN) */
+.algolia-autocomplete .algolia-docsearch-suggestion--title {
+  font-weight: bold;
+  color: black;
+}
+
+/* Description description (eg. Bootstrap currently works...) */
+.algolia-autocomplete .algolia-docsearch-suggestion--text {
+  font-size: 0.8rem;
+  color: gray;
+}
+
+/* Highlighted text */
+.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
+  color: blue;
+}
+```
+
+---
+
+For more details, visit the [official Algolia DocSearch documentation.](https://community.algolia.com/docsearch/what-is-docsearch.html)
diff --git a/docs/source/docs/custom-404-page.md b/docs/source/docs/custom-404-page.md
new file mode 100644
index 00000000..4bbc3be2
--- /dev/null
+++ b/docs/source/docs/custom-404-page.md
@@ -0,0 +1,30 @@
+---
+title: Custom 404 Page
+description: Custom 404 pages with Jigsaw docs starter template
+extends: _layouts.documentation
+section: content
+---
+
+# Custom 404 Page {#custom-404-page}
+
+This starter template includes a custom __404 Not Found__ error page, located at `/source/404.blade.php`. [To preview the 404 page](/404), you can visit `/404` in your browser.
+
+```html
+<!-- source/404.blade.php -->
+@extends('_layouts.master')
+
+@section('body')
+<div class="flex flex-col items-center mt-32 text-gray-700">
+    <h1 class="text-6xl leading-none mb-2">404</h1>
+    <h2 class="text-3xl">Page not found</h2>
+
+    <hr class="block w-full max-w-lg mx-auto my-8 border">
+
+    <p class="text-xl">Need to update this page? See the <a title="404 Page Documentation" href="/docs/404"> documentation here</a>.</p>
+</div>
+@endsection
+```
+
+---
+
+Depending on where your site is hosted, you may need to configure your server to use the custom 404 page. For more details, visit the [Jigsaw documentation about configuring a custom 404 page.](https://jigsaw.tighten.co/docs/custom-404-page/)
diff --git a/docs/source/docs/customizing-your-site.md b/docs/source/docs/customizing-your-site.md
new file mode 100644
index 00000000..1397b254
--- /dev/null
+++ b/docs/source/docs/customizing-your-site.md
@@ -0,0 +1,75 @@
+---
+title: Customizing Your Site
+description: Customizing your Jigsaw docs site
+extends: _layouts.documentation
+section: content
+---
+# Customizing Your Site {#customizing}
+
+## Styles
+
+This starter template comes pre-loaded with [Tailwind CSS](https://tailwindcss.com), a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS. There are also a few base Sass files in the `/source/_assets/sass` folder, set up with the expectation that you can add any custom CSS into `_documentation.scss`.
+
+> You can re-work the architecture of the Sass includes any way you’d like; just make sure to keep the `@tailwind` references in your final files.
+
+```scss
+// source/_assets/sass/main.scss
+
+@tailwind preflight;
+@tailwind components;
+
+// Code syntax highlighting,
+// powered by https://highlightjs.org
+@import '~highlight.js/styles/a11y-light.css';
+
+@import 'base';
+@import 'navigation';
+@import 'documentation';
+
+@tailwind utilities;
+```
+
+---
+
+## Typography Styles {#customizing-typography}
+
+Here’s a quick preview of what some of the basic type styles will look like in this starter template:
+
+<div markdown="1" class="example pt-6">
+
+# h1 Heading
+## h2 Heading
+### h3 Heading
+#### h4 Heading
+##### h5 Heading
+###### h6 Heading
+
+The quick brown fox jumps over the lazy dog
+
+<s>The quick brown fox jumps over the lazy dog</s>
+
+<u>The quick brown fox jumps over the lazy dog</u>
+
+_The quick brown fox jumps over the lazy dog_
+
+**The quick brown fox jumps over the lazy dog**
+
+`The quick brown fox jumps over the lazy dog`
+
+<small>The quick brown fox jumps over the lazy dog</small>
+
+> The quick brown fox jumps over the lazy dog
+
+[The quick brown fox jumps over the lazy dog](#)
+
+```php
+class Foo extends bar
+{
+    public function fooBar()
+    {
+        //
+    }
+}
+```
+
+</div>
diff --git a/docs/source/docs/getting-started.md b/docs/source/docs/getting-started.md
new file mode 100644
index 00000000..f90d14a6
--- /dev/null
+++ b/docs/source/docs/getting-started.md
@@ -0,0 +1,77 @@
+---
+title: Getting Started
+description: Getting started with Jigsaw's docs starter template is as easy as 1, 2, 3.
+extends: _layouts.documentation
+section: content
+---
+
+# Getting Started {#getting-started}
+
+This is a starter template for creating a beautiful, customizable documentation site for your project with minimal effort. You’ll only have to change a few settings and you’re ready to go.
+
+## Configuration {#getting-started-configuration}
+
+As with all Jigsaw sites, configuration settings can be found in `config.php`; you can update the variables in that file with settings specific to your project. You can also add new configuration variables there to use across your site; take a look at the [Jigsaw documentation](http://jigsaw.tighten.co/docs/site-variables/) to learn more.
+
+```php
+// config.php
+return [
+    'baseUrl' => 'https://my-awesome-jigsaw-site.com/',
+    'production' => false,
+    'siteName' => 'My Site',
+    'siteDescription' => 'Give your documentation a boost with Jigsaw.',
+    'docsearchApiKey' => '',
+    'docsearchIndexName' => '',
+    'navigation' => require_once('navigation.php'),
+];
+```
+
+> Tip: This configuration file is also where you’ll define any "collections" (for example, a collection of the contributors to your site, or a collection of blog posts). Check out the official [Jigsaw documentation](https://jigsaw.tighten.co/docs/collections/) to learn more.
+
+---
+
+### Adding Content {#getting-started-adding-content}
+
+You can write your content using a [variety of file types](http://jigsaw.tighten.co/docs/content-other-file-types/). By default, this starter template expects your content to be located in the `source/docs` folder. If you change this, be sure to update the URL references in [navigation.php](/docs/navigation.php).
+
+[Read more about navigation.](/docs/navigation)
+
+The first section of each content page contains a YAML header that specifies how it should be rendered. The `title` attribute is used to dynamically generate HTML `title` and OpenGraph tags for each page. The `extends` attribute defines which parent Blade layout this content file will render with (e.g. `_layouts.documentation` will render with `source/_layouts/documentation.blade.php`), and the `section` attribute defines the Blade "section" that expects this content to be placed into it.
+
+```yaml
+---
+title: Navigation
+description: Building a navigation menu for your site
+extends: _layouts.documentation
+section: content
+---
+```
+
+[Read more about Jigsaw layouts.](https://jigsaw.tighten.co/docs/content-blade/)
+
+---
+
+### Adding Assets {#getting-started-adding-assets}
+
+Any assets that need to be compiled (such as JavaScript, Less, or Sass files) can be added to the `source/_assets/` directory, and Laravel Mix will process them when running `npm run dev` or `npm run prod`. The processed assets will be stored in `/source/assets/build/` (note there is no underscore on this second `assets` directory).
+
+Then, when Jigsaw builds your site, the entire `/source/assets/` directory containing your built files (and any other directories containing static assets, such as images or fonts, that you choose to store there) will be copied to the destination build folders (`build_local`, on your local machine).
+
+Files that don't require processing (such as images and fonts) can be added directly to `/source/assets/`.
+
+[Read more about compiling assets in Jigsaw using Laravel Mix.](http://jigsaw.tighten.co/docs/compiling-assets/)
+
+---
+
+## Building Your Site {#getting-started-building-your-site}
+
+Now that you’ve edited your configuration variables and know how to customize your styles and content, let’s build the site.
+
+```bash
+# build static files with Jigsaw
+./vendor/bin/jigsaw build
+
+# compile assets with Laravel Mix
+# options: dev, prod
+npm run dev
+```
diff --git a/docs/source/docs/navigation.md b/docs/source/docs/navigation.md
new file mode 100644
index 00000000..6b0f5492
--- /dev/null
+++ b/docs/source/docs/navigation.md
@@ -0,0 +1,34 @@
+---
+title: Navigation
+description: Building a navigation menu for your site
+extends: _layouts.documentation
+section: content
+---
+
+# Navigation {#navigation}
+
+The navigation menu in the left-hand sidebar is defined using an array in `navigation.php`. Nested pages can be added by using the `children` associative array.
+
+```php
+<?php
+// navigation.php
+
+return [
+    'Getting Started' => [
+        'url' => 'docs/getting-started',
+        'children' => [
+            'Customizing Your Site' => 'docs/customizing-your-site',
+            'Navigation' => 'docs/navigation',
+            'Algolia DocSearch' => 'docs/algolia-docsearch',
+            'Custom 404 Page' => 'docs/custom-404-page',
+        ],
+    ],
+    'Jigsaw Docs' => 'https://jigsaw.tighten.co/docs/installation',
+];
+
+// config.php
+'navigation' => require_once('navigation.php'),
+
+// blade files
+$page->navigation
+```
diff --git a/docs/source/favicon.ico b/docs/source/favicon.ico
new file mode 100644
index 00000000..6f81ae36
Binary files /dev/null and b/docs/source/favicon.ico differ
diff --git a/docs/source/index.blade.php b/docs/source/index.blade.php
new file mode 100644
index 00000000..76ed1443
--- /dev/null
+++ b/docs/source/index.blade.php
@@ -0,0 +1,51 @@
+@extends('_layouts.master')
+
+@section('body')
+<section class="container max-w-6xl mx-auto px-6 py-10 md:py-12">
+    <div class="flex flex-col-reverse mb-10 lg:flex-row lg:mb-24">
+        <div class="mt-8">
+            <h1 id="intro-docs-template">{{ $page->siteName }}</h1>
+
+            <h2 id="intro-powered-by-jigsaw" class="font-light mt-4">{{ $page->siteDescription }}</h2>
+
+            <p class="text-lg">Give your documentation a boost with Jigsaw. <br class="hidden sm:block">Generate elegant, static docs quickly and easily.</p>
+
+            <div class="flex my-10">
+                <a href="{{ $page->baseUrl }}/docs/getting-started" title="{{ $page->siteName }} getting started" class="bg-blue-500 hover:bg-blue-600 font-normal text-white hover:text-white rounded mr-4 py-2 px-6">Get Started</a>
+
+                <a href="https://jigsaw.tighten.co" title="Jigsaw by Tighten" class="bg-gray-400 hover:bg-gray-600 text-blue-900 font-normal hover:text-white rounded py-2 px-6">About Jigsaw</a>
+            </div>
+        </div>
+
+        <img src="{{ $page->baseUrl }}/assets/img/logo-large.svg" alt="{{ $page->siteName }} large logo" class="mx-auto mb-6 lg:mb-0 ">
+    </div>
+
+    <hr class="block my-8 border lg:hidden">
+
+    <div class="md:flex -mx-2 -mx-4">
+        <div class="mb-8 mx-3 px-2 md:w-1/3">
+            <img src="{{ $page->baseUrl }}/assets/img/icon-window.svg" class="h-12 w-12" alt="window icon">
+
+            <h3 id="intro-laravel" class="text-2xl text-blue-900 mb-0">Templating with <br>Laravel's Blade engine</h3>
+
+            <p>Blade is a powerful, simple, and beautiful templating language, and now you can use it for your static sites, not just your Laravel-powered apps.</p>
+        </div>
+
+        <div class="mb-8 mx-3 px-2 md:w-1/3">
+            <img src="{{ $page->baseUrl }}/assets/img/icon-terminal.svg" class="h-12 w-12" alt="terminal icon">
+
+            <h3 id="intro-markdown" class="text-2xl text-blue-900 mb-0">Use Markdown for <br>content-driven pages</h3>
+
+            <p>Markdown is the web’s leading format for writing articles, blog posts, documentation, and more. Jigsaw makes it painless to work with Markdown content.</p>
+        </div>
+
+        <div class="mx-3 px-2 md:w-1/3">
+            <img src="{{ $page->baseUrl }}/assets/img/icon-stack.svg" class="h-12 w-12" alt="stack icon">
+
+            <h3 id="intro-mix" class="text-2xl text-blue-900 mb-0">Compile your assets <br>using Laravel Mix </h3>
+
+            <p>Jigsaw comes pre-configured with Laravel Mix, a simple and powerful build tool. Use the latest frontend tech with just a few lines of code.</p>
+        </div>
+    </div>
+</section>
+@endsection
diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js
new file mode 100644
index 00000000..f655870f
--- /dev/null
+++ b/docs/tailwind.config.js
@@ -0,0 +1,76 @@
+module.exports = {
+  purge: {
+    content: [
+      'source/**/*.html',
+      'source/**/*.md',
+      'source/**/*.js',
+      'source/**/*.php',
+      'source/**/*.vue',
+    ],
+    options: {
+      whitelist: [
+        /language/,
+        /hljs/,
+        /algolia/,
+      ],
+    },
+  },
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: [
+          'Nunito Sans'
+        ],
+        mono: [
+          'monospace',
+        ],
+      },
+      lineHeight: {
+        normal: '1.6',
+        loose: '1.75',
+      },
+      maxWidth: {
+        none: 'none',
+        '7xl': '80rem',
+        '8xl': '88rem'
+      },
+      spacing: {
+        '7': '1.75rem',
+        '9': '2.25rem'
+      },
+      boxShadow: {
+        'lg': '0 -1px 27px 0 rgba(0, 0, 0, 0.04), 0 4px 15px 0 rgba(0, 0, 0, 0.08)',
+      }
+    },
+    fontSize: {
+      'xs': '.8rem',
+      'sm': '.925rem',
+      'base': '1rem',
+      'lg': '1.125rem',
+      'xl': '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.75rem',
+      '4xl': '2.125rem',
+      '5xl': '2.625rem',
+      '6xl': '10rem',
+    },
+  },
+  variants: {
+    borderRadius: ['responsive', 'focus'],
+    borderWidth: ['responsive', 'active', 'focus'],
+    width: ['responsive', 'focus']
+  },
+  plugins: [
+    function ({ addUtilities }) {
+      const newUtilities = {
+        '.transition-fast': {
+          transition: 'all .2s ease-out',
+        },
+        '.transition': {
+          transition: 'all .5s ease-out',
+        },
+      }
+      addUtilities(newUtilities)
+    }
+  ]
+}
diff --git a/docs/webpack.mix.js b/docs/webpack.mix.js
new file mode 100644
index 00000000..9d94b0b1
--- /dev/null
+++ b/docs/webpack.mix.js
@@ -0,0 +1,19 @@
+const mix = require('laravel-mix');
+require('laravel-mix-jigsaw');
+
+mix.disableSuccessNotifications();
+mix.setPublicPath('source/assets/build');
+
+mix.js('source/_assets/js/main.js', 'js')
+    .sass('source/_assets/sass/main.scss', 'css/main.css')
+    .jigsaw({
+        watch: ['config.php', 'source/**/*.md', 'source/**/*.php', 'source/**/*.scss'],
+    })
+    .options({
+        processCssUrls: false,
+        postCss: [
+            require('tailwindcss'),
+        ],
+    })
+    .sourceMaps()
+    .version();
diff --git a/grumphp.yml b/grumphp.yml
new file mode 100644
index 00000000..24268270
--- /dev/null
+++ b/grumphp.yml
@@ -0,0 +1,17 @@
+grumphp:
+    tasks: {  
+        phpstan: {
+            level: 9,
+            force_patterns: [
+            #    'Modules'
+            ],
+            use_grumphp_paths: true
+            #configuration: phpstan.neon
+            #"autoload_file", "configuration", "force_patterns", "ignore_patterns", "level", "memory_limit", "triggered_by", "use_grumphp_paths"
+        },
+        #phpcsfixer: {
+        #    allow_risky : true 
+             #The option "allow-risky" does not exist. Defined options are: "allow_risky", "cache_file", "config", "config_contains_finder", "diff", "rules", "triggered_by", "using_cache", "verbose".
+        #}
+    }
+
diff --git a/module.json b/module.json
new file mode 100644
index 00000000..b8e44964
--- /dev/null
+++ b/module.json
@@ -0,0 +1,12 @@
+{
+    "name": "UI",
+    "alias": "ui",
+    "description": "",
+    "keywords": [],
+    "priority": 0,
+    "providers": [
+        "Modules\\UI\\Providers\\UIServiceProvider",
+        "Modules\\UI\\Providers\\Filament\\AdminPanelProvider"
+    ],
+    "files": []
+}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..30c1a808
--- /dev/null
+++ b/package.json
@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "axios": "^0.21.4",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "laravel-vite-plugin": "^0.6.0",
+    "lodash": "^4.17.21",
+    "postcss": "^8.3.7",
+    "vite": "^3.0.9"
+  }
+}
diff --git a/phpmd.ruleset.xml b/phpmd.ruleset.xml
new file mode 100644
index 00000000..d991b90f
--- /dev/null
+++ b/phpmd.ruleset.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ruleset name="Laravel and similar phpmd ruleset"
+    xmlns="http://pmd.sf.net/ruleset/1.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://pmd.sf.net/ruleset/1.0.0 http://pmd.sf.net/ruleset_xml_schema.xsd"
+    xsi:noNamespaceSchemaLocation="http://pmd.sf.net/ruleset_xml_schema.xsd">
+  <description>
+    Inspired by https://github.com/phpmd/phpmd/issues/137
+    using http://phpmd.org/documentation/creating-a-ruleset.html
+  </description>
+  <!-- se importan los rulesets, en este caso todos. -->
+  <rule ref="rulesets/cleancode.xml">
+    <exclude name="StaticAccess"/>
+  </rule>
+  <rule ref="rulesets/codesize.xml/CyclomaticComplexity"/>
+  <rule ref="rulesets/codesize.xml/NPathComplexity"/>
+  <rule ref="rulesets/codesize.xml/ExcessiveMethodLength"/>
+  <rule ref="rulesets/codesize.xml/ExcessiveClassLength"/>
+  <rule ref="rulesets/codesize.xml/ExcessiveParameterList"/>
+  <rule ref="rulesets/codesize.xml/ExcessivePublicCount"/>
+  <rule ref="rulesets/codesize.xml/TooManyFields"/>
+  <rule ref="rulesets/codesize.xml/TooManyMethods">
+      <properties>
+          <property name="maxmethods" value="30"/>
+      </properties>
+  </rule>
+  <rule ref="rulesets/codesize.xml/ExcessiveClassComplexity"/>
+  <rule ref="rulesets/controversial.xml"/>
+  <rule ref="rulesets/design.xml">
+      <exclude name="CouplingBetweenObjects"/>
+  </rule>
+  <!-- beware the façades yo. -->
+  <rule ref="rulesets/design.xml/CouplingBetweenObjects">
+      <properties>
+          <property name="minimum" value="20"/>
+      </properties>
+  </rule>
+  <!-- se importa naming y se excluye ShortVariable para ser ajustada despues. -->
+  <rule ref="rulesets/naming.xml">
+      <exclude name="ShortVariable"/>
+  </rule>
+  <rule ref="rulesets/naming.xml/ShortVariable"
+        since="0.2"
+        message="Avoid variables with short names like {0}. Configured minimum length is {1}."
+        class="PHPMD\Rule\Naming\ShortVariable"
+        externalInfoUrl="http://phpmd.org/rules/naming.html#shortvariable">
+      <priority>3</priority>
+      <properties>
+          <property name="minimum" description="Minimum length for a variable, property or parameter name" value="3"/>
+          <property name="exceptions" value="id,q,w,i,j,v,e,f,fp" />
+      </properties>
+  </rule>
+  <rule ref="rulesets/unusedcode.xml"/>
+</ruleset>
\ No newline at end of file
diff --git a/phpstan-baseline.neon b/phpstan-baseline.neon
new file mode 100644
index 00000000..e69de29b
diff --git a/phpstan.neon.dist b/phpstan.neon.dist
new file mode 100644
index 00000000..3290c594
--- /dev/null
+++ b/phpstan.neon.dist
@@ -0,0 +1,47 @@
+includes:
+    - phpstan-baseline.neon
+    - ./vendor/larastan/larastan/extension.neon
+    - ./vendor/thecodingmachine/phpstan-safe-rule/phpstan-safe-rule.neon
+    #- ./vendor/symplify/phpstan-rules/config/code-complexity-rules.neon
+    #- ./vendor/symplify/phpstan-rules/config/collector-rules.neon
+    #- ./vendor/symplify/phpstan-rules/config/naming-rules.neon
+    #- ./vendor/symplify/phpstan-rules/config/regex-rules.neon
+    #- ./vendor/symplify/phpstan-rules/config/static-rules.neon
+
+
+parameters:
+    level: max
+    paths:
+        - .
+
+    ignoreErrors:
+    #    - '#Unsafe usage of new static#'
+        - '#PHPDoc tag @mixin contains unknown class #'
+        - '#Static call to instance method Nwidart#'
+
+    excludePaths:
+        - ./build/*
+        - ./vendor/*
+        - ./*/vendor/*
+        - ./docs/*
+        - ./Tests/*
+        - ./_ide_helper.php
+
+    bootstrapFiles:
+        #- ./Services/vendor/autoload.php
+        - ./phpstan_constants.php
+
+    scanFiles:
+    #    - ./Helpers/Helper.php
+    #   - ./vendor/amenadiel/jpgraph/src/config.inc.php
+
+    editorUrl: 'vscode://file/%%file%%:%%line%%'
+
+    tmpDir: build/phpstan
+    checkUnusedViews: false
+    checkMissingIterableValueType: false
+    checkGenericClassInNonGenericObjectType: false
+    treatPhpDocTypesAsCertain: false
+    reportUnmatchedIgnoredErrors: false
+    checkOctaneCompatibility: false
+    checkModelProperties: false
diff --git a/phpstan_constants.php b/phpstan_constants.php
new file mode 100644
index 00000000..e69de29b
diff --git a/phpunit.xml.dist b/phpunit.xml.dist
new file mode 100644
index 00000000..3bbe22af
--- /dev/null
+++ b/phpunit.xml.dist
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
+    backupGlobals="false"
+    backupStaticAttributes="false"
+    bootstrap="vendor/autoload.php"
+    colors="true"
+    convertErrorsToExceptions="true"
+    convertNoticesToExceptions="true"
+    convertWarningsToExceptions="true"
+    processIsolation="false"
+    stopOnFailure="false"
+    executionOrder="random"
+    failOnWarning="true"
+    failOnRisky="true"
+    failOnEmptyTestSuite="true"
+    beStrictAboutOutputDuringTests="true"
+    verbose="true"
+>
+    <testsuites>
+        <testsuite name="VendorName Test Suite">
+            <directory>tests</directory>
+        </testsuite>
+    </testsuites>
+    <coverage>
+        <include>
+            <directory suffix=".php">./src</directory>
+        </include>
+        <report>
+            <html outputDirectory="build/coverage"/>
+            <text outputFile="build/coverage.txt"/>
+            <clover outputFile="build/logs/clover.xml"/>
+        </report>
+    </coverage>
+    <logging>
+        <junit outputFile="build/report.junit.xml"/>
+    </logging>
+</phpunit>
diff --git a/pint.json b/pint.json
new file mode 100644
index 00000000..a81c15b9
--- /dev/null
+++ b/pint.json
@@ -0,0 +1,11 @@
+{
+    "preset": "laravel",
+    "rules": {
+        "simplified_null_return": true,
+        "braces": false,
+        "new_with_braces": {
+            "anonymous_class": false,
+            "named_class": false
+        }
+    }
+}
\ No newline at end of file
diff --git a/psalm.xml b/psalm.xml
new file mode 100644
index 00000000..a9a6db60
--- /dev/null
+++ b/psalm.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<psalm
+    errorLevel="1"
+     cacheDirectory="build/psalm"
+    errorBaseline="psalm-baseline.xml"
+    resolveFromConfigFile="true"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns="https://getpsalm.org/schema/config"
+    xsi:schemaLocation="https://getpsalm.org/schema/config vendor/vimeo/psalm/config.xsd"
+    findUnusedBaselineEntry="true"
+    findUnusedCode="true"
+>
+    <projectFiles>
+        <directory name="."/>
+        <ignoreFiles>
+            <directory name="build" />
+            <directory name="vendor" />
+            <directory name="docs" />
+        </ignoreFiles>
+    </projectFiles>
+    <plugins>
+        <pluginClass class="Psalm\LaravelPlugin\Plugin"/>
+    </plugins>
+</psalm>
diff --git a/rector.php b/rector.php
new file mode 100644
index 00000000..fd04d7ce
--- /dev/null
+++ b/rector.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+use Rector\CodeQuality\Rector\Class_\InlineConstructorDefaultToPropertyRector;
+use Rector\Config\RectorConfig;
+use Rector\PHPUnit\Set\PHPUnitLevelSetList;
+use Rector\Set\ValueObject\LevelSetList;
+use Rector\Set\ValueObject\SetList;
+use Rector\TypeDeclaration\Rector\ClassMethod\ReturnTypeFromStrictNativeCallRector;
+use Rector\TypeDeclaration\Rector\ClassMethod\ReturnTypeFromStrictScalarReturnExprRector;
+use RectorLaravel\Rector\MethodCall\RedirectRouteToToRouteHelperRector;
+use RectorLaravel\Set\LaravelSetList;
+
+return static function (RectorConfig $rectorConfig): void {
+    $rectorConfig->paths([
+        __DIR__,
+    ]);
+
+    $rectorConfig->skip([
+        '*/docs',
+        '*/vendor',
+    ]);
+
+    // register a single rule
+    // $rectorConfig->rule(InlineConstructorDefaultToPropertyRector::class);
+    // $rectorConfig->rule(RedirectRouteToToRouteHelperRector::class);
+    $rectorConfig->rules([
+        ReturnTypeFromStrictNativeCallRector::class,
+        ReturnTypeFromStrictScalarReturnExprRector::class,
+    ]);
+
+    // define sets of rules
+    $rectorConfig->sets([
+        PHPUnitLevelSetList::UP_TO_PHPUNIT_100,
+        // SetList::DEAD_CODE,
+        // SetList::CODE_QUALITY,
+        LevelSetList::UP_TO_PHP_81,
+        LaravelSetList::LARAVEL_100,
+
+        // SetList::NAMING, //problemi con injuction
+        // SetList::TYPE_DECLARATION,
+        // SetList::CODING_STYLE,
+        // SetList::PRIVATIZATION,//problemi con final
+        // SetList::EARLY_RETURN,
+        // SetList::INSTANCEOF,
+    ]);
+
+    $rectorConfig->importNames();
+};
diff --git a/test.txt b/test.txt
new file mode 100644
index 00000000..e69de29b
diff --git a/testbench.yaml b/testbench.yaml
new file mode 100644
index 00000000..0936fc68
--- /dev/null
+++ b/testbench.yaml
@@ -0,0 +1,4 @@
+providers:
+  - Modules\UI\Providers\UIServiceProvider
+  - Nwidart\Modules\LaravelModulesServiceProvider
+
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 00000000..9377ed9c
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,24 @@
+const dotenvExpand = require('dotenv-expand');
+dotenvExpand(require('dotenv').config({ path: '../../.env'/*, debug: true*/}));
+
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    build: {
+        outDir: '../../public/build-ui',
+        emptyOutDir: true,
+        manifest: true,
+    },
+    plugins: [
+        laravel({
+            publicDirectory: '../../public',
+            buildDirectory: 'build-ui',
+            input: [
+                __dirname + '/Resources/assets/sass/app.scss',
+                __dirname + '/Resources/assets/js/app.js'
+            ],
+            refresh: true,
+        }),
+    ],
+});
diff --git a/webpack.mix.js b/webpack.mix.js
new file mode 100644
index 00000000..99bc2a88
--- /dev/null
+++ b/webpack.mix.js
@@ -0,0 +1,11 @@
+const mix = require('laravel-mix');
+require('laravel-mix-merge-manifest');
+
+mix.setPublicPath('../../public').mergeManifest();
+
+mix.js(__dirname + '/Resources/assets/js/app.js', 'js/blog.js')
+    .sass(__dirname + '/Resources/assets/sass/app.scss', 'css/blog.css');
+
+if (mix.inProduction()) {
+    mix.version();
+}
\ No newline at end of file