pgo-uiux2 1.0.21 → 1.0.22

package/README.md

@@ -2,6 +2,57 @@
 
 This template should help get you started developing with Vue 3 in Vite.
 
+## Installation (as a package)
+
+Install the package in your Vue 3 project:
+
+```sh
+npm install pgo-uiux2
+```
+
+## Usage
+
+1. **Import the library and styles in your main.js/main.ts:**
+
+```js
+import { createApp } from 'vue'
+import App from './App.vue'
+import 'pgo-uiux2/style.css' // Import the UI library styles
+import { ComponentRenderer, ListView } from 'pgo-uiux2' // Import components you need
+
+const app = createApp(App)
+// Register components globally if desired
+app.component('ComponentRenderer', ComponentRenderer)
+app.component('ListView', ListView)
+app.mount('#app')
+```
+
+2. **Add routes in your router:**
+
+```js
+import { ComponentRenderer, ListView } from 'pgo-uiux2'
+
+const routes = [
+  { path: '/custom-renderer', component: ComponentRenderer },
+  { path: '/list-view', component: ListView }
+  // ...other routes
+]
+```
+
+3. **Tailwind CSS Setup**
+
+Make sure your `tailwind.config.js` includes the package for class scanning:
+
+```js
+content: [
+  './index.html',
+  './src/**/*.{vue,js,ts,jsx,tsx}',
+  './node_modules/pgo-uiux2/**/*.{js,ts,vue}'
+]
+```
+
+---
+
 ## Recommended IDE Setup
 
 [VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
@@ -41,9 +92,8 @@ npm run dev
 </NavDrawerItem>
 ```
 
-
 ### Compile and Minify for Production
 
 ```sh
 npm run build
-```
+```

package/dist/{ChipGroup-CSVgP03a.js → ChipGroup-CqhI33Ot.js}

@@ -1,5 +1,5 @@
 import { computed as c, createElementBlock as y, openBlock as d, createElementVNode as k, normalizeClass as j, Fragment as x, renderList as $, createBlock as z, createSlots as B, withCtx as i, renderSlot as u, mergeProps as f } from "vue";
-import { _ as K, C as L } from "./index-A4jwOW7Z.js";
+import { _ as K, C as L } from "./index-Bsrl9WA-.js";
 const w = { class: "flex items-center" }, I = ["aria-label"], V = {
   __name: "ChipGroup",
   props: {

package/dist/{DatePicker-IsoekztN.js → DatePicker-B6G2eYuB.js}

@@ -1,5 +1,5 @@
 import { inject as S, ref as y, computed as D, watch as B, nextTick as Z, withDirectives as C, createElementBlock as M, openBlock as N, normalizeClass as v, createVNode as x, mergeProps as Y, toHandlers as G, withCtx as w, createElementVNode as T, withModifiers as J, vModelText as K, Transition as Q, createCommentVNode as X, normalizeStyle as _, unref as A } from "vue";
-import { _ as ee, a as te, Z as ae, v as le } from "./index-A4jwOW7Z.js";
+import { _ as ee, a as te, Z as ae, v as le } from "./index-Bsrl9WA-.js";
 const ne = {
   class: /* @__PURE__ */ v(["flex-1", "flex", "items-center", "gap-2", "justify-between", "w-full", "h-full"])
 }, re = ["placeholder", "disabled", "onBlur"], ie = {

package/dist/{InputSearch-DOW9PgPI.js → InputSearch-DaeaREVu.js}

@@ -1,5 +1,5 @@
 import { inject as f, computed as d, ref as c, onBeforeUnmount as T, createElementBlock as q, openBlock as A, normalizeClass as N, createVNode as R, createSlots as D, withCtx as g, createElementVNode as o, mergeProps as E, toHandlers as F, withKeys as L } from "vue";
-import { _ as j, a as H } from "./index-A4jwOW7Z.js";
+import { _ as j, a as H } from "./index-Bsrl9WA-.js";
 const K = ["value", "placeholder"], $ = {
   __name: "InputSearch",
   props: {

package/dist/{TextField-tEIdDcuv.js → TextField-DnYNkK1G.js}

@@ -1,5 +1,5 @@
 import { inject as c, computed as d, ref as i, createElementBlock as F, openBlock as M, normalizeClass as q, createVNode as A, createSlots as I, withCtx as f, createElementVNode as o, mergeProps as R, toHandlers as D, withKeys as E } from "vue";
-import { _ as L, a as N } from "./index-A4jwOW7Z.js";
+import { _ as L, a as N } from "./index-Bsrl9WA-.js";
 const T = ["value", "placeholder"], j = {
   __name: "TextField",
   props: {

package/dist/{Textarea-DmFQmABt.js → Textarea-BJwAzdzq.js}

@@ -1,5 +1,5 @@
 import { inject as c, computed as o, ref as i, createElementBlock as A, openBlock as I, normalizeClass as M, createVNode as R, mergeProps as f, createSlots as D, withCtx as p, createElementVNode as u, toHandlers as E, withKeys as F } from "vue";
-import { _ as L, a as T } from "./index-A4jwOW7Z.js";
+import { _ as L, a as T } from "./index-Bsrl9WA-.js";
 const $ = ["value", "placeholder", "rows", "maxlength"], j = {
   __name: "Textarea",
   props: {