PHPackages                             mhshagor/packages - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. mhshagor/packages

ActiveLibrary

mhshagor/packages
=================

Package - Beautiful package for managing packages

016—0%JavaScript

Since Feb 26Pushed 2mo agoCompare

[ Source](https://github.com/mhshagor/packages)[ Packagist](https://packagist.org/packages/mhshagor/packages)[ RSS](/packages/mhshagor-packages/feed)WikiDiscussions main Synced 2mo ago

READMEChangelogDependenciesVersions (4)Used By (0)

MHShagor Laravel Components
===========================

[](#mhshagor-laravel-components)

A Laravel component library that ships with reusable Blade UI components (forms, modals, tables, toggles), a File Picker component, shared CSS/JS assets, and demo templates.

This repository is designed to be published into your application’s `resources/` folder so you can **customize the Blade views, JavaScript, and CSS** as you need.

---

Requirements
------------

[](#requirements)

- **PHP**: `^8.0`
- **Laravel**: Works with modern Laravel versions (the package uses standard Blade components + vendor publishing).

---

Installation
------------

[](#installation)

```
composer require mhshagor/laravel-components
```

Laravel package auto-discovery will register the service provider automatically.

---

Publishing (Assets & Views)
-------------------------------

[](#publishing-assets--views)

This package publishes multiple sets of files using `vendor:publish` tags.

- **Publish everything**

```
php artisan mhshagor:publish-all
```

- **Publish only the File Picker package**

```
php artisan vendor:publish --tag=file-picker
```

- **Publish only the shared Blade components + common assets**

```
php artisan vendor:publish --tag=components
```

### Published paths (current package behavior)

[](#published-paths-current-package-behavior)

When you publish, files will be copied into the following locations:

- **Blade components**

```
resources/views/components/
└── sgd/
    ├── form/
    ├── style/
    ├── table/
    ├── modal.blade.php
    ├── modal-add.blade.php
    ├── modal-edit.blade.php
    ├── modal-delete.blade.php
    └── toggle.blade.php

```

- **JavaScript assets**

```
resources/js/sgd/
├── components.js
└── file-picker.js
└── date-time-picker.js

```

- **CSS assets**

```
resources/css/sgd/
├── components.css
└── file-picker.css
└── date-time-picker.css

```

- **Demo templates**

```
resources/views/sgd/
├── accordion.html
├── dynamic-table.html
└── file-picker.html

```

`file-picker.html` is also published explicitly by the **`file-picker`** publish tag.

Notes:

- Publishing will **copy** files into your app. If a destination already exists, Laravel may overwrite based on publish behavior and filesystem state.
- This package organizes assets under the `sgd` folder to reduce collisions.

---

Using the Components
--------------------

[](#using-the-components)

All Blade components are available under the `sgd` namespace.

Example:

```

```

---

Component Catalog
-----------------

[](#component-catalog)

Below is a list of what this repository currently ships (based on the folder structure).

### Form Components (`resources/views/components/sgd/form`)

[](#form-components-resourcesviewscomponentssgdform)

- **``**
    - Wrapper form component supporting method spoofing (`PUT`, `PATCH`, `DELETE`) and CSRF.
- **Inputs**
    - ``
    - ``
    - ``
- **Label + Input composites**
    - ``
    - ``
    - ``
    - ``
- **Date & time pickers (UI hooks via CSS classes)**
    - `` (`datePicker`)
    - `` (`dateRange`)
    - `` (`dateTimePicker`)
    - `` (`timePicker`)
    - `` (`timeRange`)
- **Buttons & icons**
    - ``
    - ``
    - ``
- **File Picker (Blade wrapper)**
    - ``

### Modal Components (`resources/views/components/sgd`)

[](#modal-components-resourcesviewscomponentssgd)

- **``** base modal layout
- **``**
- **``**
- **``**

### Table Components (`resources/views/components/sgd/table`)

[](#table-components-resourcesviewscomponentssgdtable)

- ``
- ``
- ``
- ``
- ``

### Style Components (`resources/views/components/sgd/style`)

[](#style-components-resourcesviewscomponentssgdstyle)

- ``
- ``
- ``

### Misc

[](#misc)

- ``

---

File Picker Package
-------------------

[](#file-picker-package)

This repository includes a dedicated File Picker module in `file-picker/`:

- **Blade component**: `file-picker/components/file-picker.blade.php`
- **JS**: `file-picker/js/file-picker.js`
- **CSS**: `file-picker/css/file-picker.css`
- **Demo**: `demo/file-picker.html`

Usage example:

```

```

---

Frontend Setup
--------------

[](#frontend-setup)

After publishing, import the JS/CSS in your app.

### JavaScript (Vite / Laravel Mix)

[](#javascript-vite--laravel-mix)

```
// resources/js/app.js
import "./sgd/components.js";
import "./sgd/file-picker.js";
import "./sgd/date-time-picker.js";
```

### CSS

[](#css)

```
/* resources/css/app.css */
@import "./sgd/components.css";
@import "./sgd/file-picker.css";
@import "./sgd/date-time-picker.css";
```

---

Demos
-----

[](#demos)

This repository includes demo HTML templates in `demo/`:

- `demo/accordion.html`
- `demo/dynamic-table.html`
- `demo/file-picker.html`

These are published into `resources/views/sgd/` so you can open/copy them into your application pages.

---

Customization
-------------

[](#customization)

Once published, you can freely edit:

- **Blade views**: `resources/views/components/sgd/`
- **JavaScript**: `resources/js/sgd/`
- **CSS**: `resources/css/sgd/`

---

Contributing
------------

[](#contributing)

- Fork the repository
- Create a feature branch
- Commit your changes
- Open a Pull Request

---

License
-------

[](#license)

MIT

---

Support
-------

[](#support)

Email: `srq001100@gmail.com`

###  Health Score

23

—

LowBetter than 27% of packages

Maintenance58

Moderate activity, may be stable

Popularity8

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity16

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/f05fb5abd6bed8957b859b34367755f7ff56c2b81393bf0f8aa59b2e325b0ab2?d=identicon)[mhshagor](/maintainers/mhshagor)

---

Top Contributors

[![mhshagor](https://avatars.githubusercontent.com/u/75138610?v=4)](https://github.com/mhshagor "mhshagor (54 commits)")

### Embed Badge

![Health badge](/badges/mhshagor-packages/health.svg)

```
[![Health](https://phpackages.com/badges/mhshagor-packages/health.svg)](https://phpackages.com/packages/mhshagor-packages)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)