@topjoao/top-design-system 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/nuxt.js

@@ -11,6 +11,10 @@ var n = "@topjoao/top-design-system", r = `${n}/style.css`, i = t({
 			name: "TopButton",
 			export: "TopButton",
 			filePath: n
+		}), e({
+			name: "TopSelect",
+			export: "TopSelect",
+			filePath: n
 		});
 	}
 });

package/dist/nuxt.js.map

@@ -1 +1 @@
-{"version":3,"file":"nuxt.js","names":[],"sources":["../src/nuxt.ts"],"sourcesContent":["import { addComponent, defineNuxtModule } from '@nuxt/kit'\n\nconst packageName = '@topjoao/top-design-system'\nconst stylePath = `${packageName}/style.css`\n\nexport default defineNuxtModule({\n  meta: {\n    name: packageName,\n    configKey: 'topDesignSystem',\n    compatibility: {\n      nuxt: '^3.0.0 || ^4.0.0',\n    },\n  },\n  setup(_options, nuxt) {\n    if (!nuxt.options.css.some((style) => style === stylePath)) {\n      nuxt.options.css.push(stylePath)\n    }\n\n    addComponent({\n      name: 'TopButton',\n      export: 'TopButton',\n      filePath: packageName,\n    })\n  },\n})\n"],"mappings":";;AAEA,IAAM,IAAc,8BACd,IAAY,GAAG,EAAY,aAEjC,IAAe,EAAiB;CAC9B,MAAM;EACJ,MAAM;EACN,WAAW;EACX,eAAe,EACb,MAAM,mBACR;CACF;CACA,MAAM,GAAU,GAAM;EAKpB,AAJK,EAAK,QAAQ,IAAI,MAAM,MAAU,MAAU,CAAS,KACvD,EAAK,QAAQ,IAAI,KAAK,CAAS,GAGjC,EAAa;GACX,MAAM;GACN,QAAQ;GACR,UAAU;EACZ,CAAC;CACH;AACF,CAAC"}
+{"version":3,"file":"nuxt.js","names":[],"sources":["../src/nuxt.ts"],"sourcesContent":["import { addComponent, defineNuxtModule } from '@nuxt/kit'\r\n\r\nconst packageName = '@topjoao/top-design-system'\r\nconst stylePath = `${packageName}/style.css`\r\n\r\nexport default defineNuxtModule({\r\n  meta: {\r\n    name: packageName,\r\n    configKey: 'topDesignSystem',\r\n    compatibility: {\r\n      nuxt: '^3.0.0 || ^4.0.0',\r\n    },\r\n  },\r\n  setup(_options, nuxt) {\r\n    if (!nuxt.options.css.some((style) => style === stylePath)) {\r\n      nuxt.options.css.push(stylePath)\r\n    }\r\n\r\n    addComponent({\r\n      name: 'TopButton',\r\n      export: 'TopButton',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopSelect',\r\n      export: 'TopSelect',\r\n      filePath: packageName,\r\n    })\r\n  },\r\n})\r\n"],"mappings":";;AAEA,IAAM,IAAc,8BACd,IAAY,GAAG,EAAY,aAEjC,IAAe,EAAiB;CAC9B,MAAM;EACJ,MAAM;EACN,WAAW;EACX,eAAe,EACb,MAAM,mBACR;CACF;CACA,MAAM,GAAU,GAAM;EAUpB,AATK,EAAK,QAAQ,IAAI,MAAM,MAAU,MAAU,CAAS,KACvD,EAAK,QAAQ,IAAI,KAAK,CAAS,GAGjC,EAAa;GACX,MAAM;GACN,QAAQ;GACR,UAAU;EACZ,CAAC,GACD,EAAa;GACX,MAAM;GACN,QAAQ;GACR,UAAU;EACZ,CAAC;CACH;AACF,CAAC"}

package/dist/plugin.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TopButton-CDKgguLF.cjs");var t={install(t){t.component(`TopButton`,e.t)}};exports.TopSolutionsDesignSystem=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TopSelect-B30Dk8R7.cjs");var t={install(t){t.component(`TopButton`,e.n),t.component(`TopSelect`,e.t)}};exports.TopSolutionsDesignSystem=t;
 //# sourceMappingURL=plugin.cjs.map

package/dist/plugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport TopButton from './components/TopButton.vue'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    TopButton: typeof TopButton\n  }\n}\n\nexport const TopSolutionsDesignSystem: Plugin = {\n  install(app: App) {\n    app.component('TopButton', TopButton)\n  },\n}\n"],"mappings":"+GASA,IAAa,EAAmC,CAC9C,QAAQ,EAAU,CAChB,EAAI,UAAU,YAAa,EAAA,CAAS,CACtC,CACF"}
+{"version":3,"file":"plugin.cjs","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\r\nimport TopButton from './components/TopButton.vue'\r\nimport TopSelect from './components/TopSelect.vue'\r\n\r\ndeclare module 'vue' {\r\n  export interface GlobalComponents {\r\n    TopButton: typeof TopButton\r\n    TopSelect: typeof TopSelect\r\n  }\r\n}\r\n\r\nexport const TopSolutionsDesignSystem: Plugin = {\r\n  install(app: App) {\r\n    app.component('TopButton', TopButton)\r\n    app.component('TopSelect', TopSelect)\r\n  },\r\n}\r\n"],"mappings":"+GAWA,IAAa,EAAmC,CAC9C,QAAQ,EAAU,CAChB,EAAI,UAAU,YAAa,EAAA,CAAS,EACpC,EAAI,UAAU,YAAa,EAAA,CAAS,CACtC,CACF"}

package/dist/plugin.d.ts

@@ -1,8 +1,10 @@
 import { Plugin } from 'vue';
 import { default as TopButton } from './components/TopButton.vue';
+import { default as TopSelect } from './components/TopSelect.vue';
 declare module 'vue' {
     interface GlobalComponents {
         TopButton: typeof TopButton;
+        TopSelect: typeof TopSelect;
     }
 }
 export declare const TopSolutionsDesignSystem: Plugin;

package/dist/plugin.js

@@ -1,9 +1,9 @@
-import { t as e } from "./TopButton-9IIdtUbJ.js";
+import { n as e, t } from "./TopSelect-BtRWj2sh.js";
 //#region src/plugin.ts
-var t = { install(t) {
-	t.component("TopButton", e);
+var n = { install(n) {
+	n.component("TopButton", e), n.component("TopSelect", t);
 } };
 //#endregion
-export { t as TopSolutionsDesignSystem };
+export { n as TopSolutionsDesignSystem };
 
 //# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport TopButton from './components/TopButton.vue'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    TopButton: typeof TopButton\n  }\n}\n\nexport const TopSolutionsDesignSystem: Plugin = {\n  install(app: App) {\n    app.component('TopButton', TopButton)\n  },\n}\n"],"mappings":";;AASA,IAAa,IAAmC,EAC9C,QAAQ,GAAU;CAChB,EAAI,UAAU,aAAa,CAAS;AACtC,EACF"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\r\nimport TopButton from './components/TopButton.vue'\r\nimport TopSelect from './components/TopSelect.vue'\r\n\r\ndeclare module 'vue' {\r\n  export interface GlobalComponents {\r\n    TopButton: typeof TopButton\r\n    TopSelect: typeof TopSelect\r\n  }\r\n}\r\n\r\nexport const TopSolutionsDesignSystem: Plugin = {\r\n  install(app: App) {\r\n    app.component('TopButton', TopButton)\r\n    app.component('TopSelect', TopSelect)\r\n  },\r\n}\r\n"],"mappings":";;AAWA,IAAa,IAAmC,EAC9C,QAAQ,GAAU;CAEhB,AADA,EAAI,UAAU,aAAa,CAAS,GACpC,EAAI,UAAU,aAAa,CAAS;AACtC,EACF"}

package/dist/style.css

@@ -1,2 +1,2 @@
-.h-fit{height:fit-content}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.border{border-width:1px}.\!border-primary-900{border-color:var(--top-primary-900)!important}.border-primary-800{border-color:var(--top-primary-800)}.bg-primary-900{background-color:var(--top-primary-900)}.bg-transparent{background-color:#0000}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-primary-800{color:var(--top-primary-800)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:root{--top-primary-50:#eef9ff;--top-primary-100:#dff4ff;--top-primary-200:#c5e6f8;--top-primary-300:#8ec4df;--top-primary-400:#66acd1;--top-primary-500:#2488bc;--top-primary-600:#036da3;--top-primary-700:#1b5783;--top-primary-800:#02466b;--top-primary-900:#052f4a;--top-primary-950:#0c192d;--top-secondary-50:#fafafa;--top-secondary-100:#f4f4f5;--top-secondary-200:#e9e9e9;--top-secondary-300:#d8d8d8;--top-secondary-400:#b8b8b8;--top-secondary-500:#8e8e8e;--top-secondary-600:#676767;--top-secondary-700:#4b4b4b;--top-secondary-800:#343434;--top-secondary-900:#1c1917;--top-secondary-950:#0c0a09}.hover\:\!border-primary-800:hover{border-color:var(--top-primary-800)!important}.hover\:bg-primary-50:hover{background-color:var(--top-primary-50)}.hover\:bg-primary-800:hover{background-color:var(--top-primary-800)}
+.top-button{background-color:#0000;border-radius:12px;width:fit-content;height:fit-content}.top-select{width:100%;position:relative}.top-select .p-inputtext.p-component.p-inputtext-fluid.p-autocomplete-input{border-radius:10px 0 0 10px!important;padding-left:35px!important}.top-select .p-autocomplete-dropdown{border-radius:0 10px 10px 0!important}.top-select-option-prefix{color:var(--top-primary-800)!important}.dark .top-select-option-prefix{color:var(--top-primary-100)!important}.top-select-option-label{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.top-select-panel,.top-select-panel .p-virtualscroller,.top-select-panel .p-autocomplete-list-container,.top-select-panel .p-autocomplete-list{overflow-x:hidden!important}.top-select-panel .p-autocomplete-option{max-width:100%}.top-solutions-component .pointer-events-none{pointer-events:none}.top-solutions-component .absolute{position:absolute}.top-solutions-component .relative{position:relative}.top-solutions-component .left-3{left:.75rem}.top-solutions-component .top-3{top:.75rem}.top-solutions-component .z-10{z-index:10}.top-solutions-component .my-1{margin-top:.25rem;margin-bottom:.25rem}.top-solutions-component .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.top-solutions-component .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.top-solutions-component .flex{display:flex}.top-solutions-component .hidden{display:none}.top-solutions-component .h-3{height:.75rem}.top-solutions-component .h-\[40px\]{height:40px}.top-solutions-component .h-auto{height:auto}.top-solutions-component .h-fit{height:fit-content}.top-solutions-component .min-h-\[100px\]{min-height:100px}.top-solutions-component .min-h-\[36px\]{min-height:36px}.top-solutions-component .min-h-\[40px\]{min-height:40px}.top-solutions-component .min-h-\[84px\]{min-height:84px}.top-solutions-component .w-3{width:.75rem}.top-solutions-component .w-fit{width:fit-content}.top-solutions-component .w-full{width:100%}.top-solutions-component .min-w-0{min-width:0}.top-solutions-component .max-w-\[300px\]{max-width:300px}.top-solutions-component .max-w-\[85vw\]{max-width:85vw}.top-solutions-component .max-w-full{max-width:100%}.top-solutions-component .flex-1{flex:1}.top-solutions-component .shrink-0{flex-shrink:0}.top-solutions-component .cursor-pointer{cursor:pointer}.top-solutions-component .flex-col{flex-direction:column}.top-solutions-component .items-start{align-items:flex-start}.top-solutions-component .items-center{align-items:center}.top-solutions-component .justify-center{justify-content:center}.top-solutions-component .gap-1{gap:.25rem}.top-solutions-component .gap-2{gap:.5rem}.top-solutions-component .overflow-hidden{overflow:hidden}.top-solutions-component .overflow-x-hidden{overflow-x:hidden}.top-solutions-component .text-ellipsis{text-overflow:ellipsis}.top-solutions-component .whitespace-nowrap{white-space:nowrap}.top-solutions-component .rounded-\[10px\]{border-radius:10px}.top-solutions-component .rounded-\[12px\]{border-radius:12px}.top-solutions-component .rounded-\[9px\]{border-radius:9px}.top-solutions-component .rounded-full{border-radius:9999px}.top-solutions-component .rounded-md{border-radius:.375rem}.top-solutions-component .rounded-sm{border-radius:.125rem}.top-solutions-component .border{border-width:1px}.top-solutions-component .border-0{border-width:0}.top-solutions-component .\!border-primary-900{border-color:var(--top-primary-900)!important}.top-solutions-component .border-primary-800{border-color:var(--top-primary-800)}.top-solutions-component .border-secondary-600{border-color:var(--top-secondary-600)}.top-solutions-component .bg-primary-100{background-color:var(--top-primary-100)}.top-solutions-component .bg-primary-200{background-color:var(--top-primary-200)}.top-solutions-component .bg-primary-500{background-color:var(--top-primary-500)}.top-solutions-component .bg-primary-900{background-color:var(--top-primary-900)}.top-solutions-component .bg-transparent{background-color:#0000}.top-solutions-component .p-0{padding:0}.top-solutions-component .px-2{padding-left:.5rem;padding-right:.5rem}.top-solutions-component .px-3{padding-left:.75rem;padding-right:.75rem}.top-solutions-component .px-4{padding-left:1rem;padding-right:1rem}.top-solutions-component .py-0{padding-top:0;padding-bottom:0}.top-solutions-component .py-1{padding-top:.25rem;padding-bottom:.25rem}.top-solutions-component .py-2{padding-top:.5rem;padding-bottom:.5rem}.top-solutions-component .py-3{padding-top:.75rem;padding-bottom:.75rem}.top-solutions-component .\!pl-9{padding-left:2.25rem!important}.top-solutions-component .pl-9{padding-left:2.25rem}.top-solutions-component .\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.top-solutions-component .\!text-xs{font-size:.75rem!important;line-height:1rem!important}.top-solutions-component .text-2xl{font-size:1.5rem;line-height:2rem}.top-solutions-component .text-sm{font-size:.875rem;line-height:1.25rem}.top-solutions-component .text-xs{font-size:.75rem;line-height:1rem}.top-solutions-component .font-bold{font-weight:700}.top-solutions-component .font-medium{font-weight:500}.top-solutions-component .font-semibold{font-weight:600}.top-solutions-component .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.top-solutions-component .text-primary-600{color:var(--top-primary-600)}.top-solutions-component .text-primary-800{color:var(--top-primary-800)}.top-solutions-component .text-primary-900{color:var(--top-primary-900)}.top-solutions-component .text-secondary-500{color:var(--top-secondary-500)}.top-solutions-component .text-secondary-700{color:var(--top-secondary-700)}.top-solutions-component .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.top-solutions-component .\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)!important}.top-solutions-component .shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.top-solutions-component .outline-none{outline-offset:2px;outline:2px solid #0000}.top-solutions-component .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.top-solutions-component .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--top-primary-50:#eef9ff;--top-primary-100:#dff4ff;--top-primary-200:#c5e6f8;--top-primary-300:#8ec4df;--top-primary-400:#66acd1;--top-primary-500:#2488bc;--top-primary-600:#036da3;--top-primary-700:#1b5783;--top-primary-800:#02466b;--top-primary-900:#052f4a;--top-primary-950:#0c192d;--top-secondary-50:#fafafa;--top-secondary-100:#f4f4f5;--top-secondary-200:#e9e9e9;--top-secondary-300:#d8d8d8;--top-secondary-400:#b8b8b8;--top-secondary-500:#8e8e8e;--top-secondary-600:#676767;--top-secondary-700:#4b4b4b;--top-secondary-800:#343434;--top-secondary-900:#1c1917;--top-secondary-950:#0c0a09}.top-solutions-component .hover\:\!border-primary-800:hover{border-color:var(--top-primary-800)!important}.top-solutions-component .hover\:bg-primary-50:hover{background-color:var(--top-primary-50)}.top-solutions-component .hover\:bg-primary-800:hover{background-color:var(--top-primary-800)}.top-solutions-component .dark\:border-zinc-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.top-solutions-component .dark\:\!bg-transparent:is(.dark *){background-color:#0000!important}.top-solutions-component .dark\:\!bg-zinc-700:is(.dark *){--tw-bg-opacity:1!important;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))!important}.top-solutions-component .dark\:bg-cyan-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(14 116 144/var(--tw-bg-opacity,1))}.top-solutions-component .dark\:bg-primary-900:is(.dark *){background-color:var(--top-primary-900)}.top-solutions-component .dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.top-solutions-component .dark\:\!text-zinc-400:is(.dark *){--tw-text-opacity:1!important;color:rgb(161 161 170/var(--tw-text-opacity,1))!important}.top-solutions-component .dark\:text-primary-100:is(.dark *){color:var(--top-primary-100)}.top-solutions-component .dark\:text-primary-500:is(.dark *){color:var(--top-primary-500)}.top-solutions-component .dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.top-solutions-component .dark\:text-zinc-100:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.top-solutions-component .dark\:text-zinc-200:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.top-solutions-component .dark\:text-zinc-400:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}
 /*$vite$:1*/

package/dist/theme/topSolutions.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Preset visual compartilhado da TopSolutions para componentes PrimeVue.
+ *
+ * É derivado de Aura para preservar a base de acessibilidade e comportamento
+ * do PrimeVue, substituindo apenas os tokens semânticos pela paleta da marca.
+ */
+export declare const TopSolutionsPreset: import('@primeuix/themes/types').Preset;

package/package.json

@@ -1,84 +1,89 @@
-{
-  "name": "@topjoao/top-design-system",
-  "version": "0.1.0-beta.2",
-  "description": "Design system e biblioteca de componentes Vue da TopSolutions",
-  "private": false,
-  "type": "module",
-  "license": "UNLICENSED",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "tag": "beta"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./plugin": {
-      "types": "./dist/plugin.d.ts",
-      "import": "./dist/plugin.js",
-      "require": "./dist/plugin.cjs"
-    },
-    "./nuxt": {
-      "types": "./dist/nuxt.d.ts",
-      "import": "./dist/nuxt.js"
-    },
-    "./style.css": "./dist/style.css"
-  },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vue-tsc -b && vite build",
-    "typecheck": "vue-tsc -b",
-    "test": "vitest run --passWithNoTests",
-    "check": "npm run typecheck && npm run test && npm run build",
-    "pack:dry": "npm pack --dry-run",
-    "prepack": "npm run check"
-  },
-  "peerDependencies": {
-    "@nuxt/kit": "^3.0.0 || ^4.0.0",
-    "@primeuix/themes": "^1.2.0",
-    "primeicons": "^7.0.0",
-    "primevue": "^4.4.0",
-    "vue": "^3.5.0"
-  },
-  "peerDependenciesMeta": {
-    "@nuxt/kit": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "tailwind-merge": "^3.6.0"
-  },
-  "devDependencies": {
-    "@nuxt/kit": "^4.2.1",
-    "@nuxt/schema": "^4.2.1",
-    "@primeuix/themes": "^1.2.5",
-    "@types/node": "^24.13.3",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "@vue/test-utils": "^2.5.0",
-    "@vue/tsconfig": "^0.9.1",
-    "autoprefixer": "^10.5.4",
-    "jsdom": "^29.1.1",
-    "postcss": "^8.5.26",
-    "primeicons": "^7.0.0",
-    "primevue": "^4.4.1",
-    "tailwindcss": "^3.4.18",
-    "typescript": "~6.0.2",
-    "vite": "^8.2.2",
-    "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.11",
-    "vue": "^3.5.42",
-    "vue-tsc": "^3.3.11"
-  }
-}
+{
+  "name": "@topjoao/top-design-system",
+  "version": "0.1.0-beta.3",
+  "description": "Design system e biblioteca de componentes Vue da TopSolutions",
+  "private": false,
+  "type": "module",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "tag": "beta"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./plugin": {
+      "types": "./dist/plugin.d.ts",
+      "import": "./dist/plugin.js",
+      "require": "./dist/plugin.cjs"
+    },
+    "./nuxt": {
+      "types": "./dist/nuxt.d.ts",
+      "import": "./dist/nuxt.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "vue-tsc -b && vite build",
+    "typecheck": "vue-tsc -b",
+    "test": "vitest run --passWithNoTests",
+    "check": "npm run typecheck && npm run test && npm run build",
+    "pack:dry": "npm pack --dry-run",
+    "prepack": "npm run check"
+  },
+  "peerDependencies": {
+    "@nuxt/kit": "^3.0.0 || ^4.0.0",
+    "@primeuix/themes": "^1.2.0",
+    "primeicons": "^7.0.0",
+    "primevue": "^4.4.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@nuxt/kit": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "tailwind-merge": "^3.6.0"
+  },
+  "devDependencies": {
+    "@nuxt/kit": "^4.2.1",
+    "@nuxt/schema": "^4.2.1",
+    "@primeuix/themes": "^1.2.5",
+    "@storybook/addon-a11y": "^10.5.10",
+    "@storybook/vue3-vite": "^10.5.10",
+    "@types/node": "^24.13.3",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/test-utils": "^2.5.0",
+    "@vue/tsconfig": "^0.9.1",
+    "autoprefixer": "^10.5.4",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.26",
+    "primeicons": "^7.0.0",
+    "primevue": "^4.4.1",
+    "storybook": "^10.5.10",
+    "tailwindcss": "^3.4.18",
+    "typescript": "~6.0.2",
+    "vite": "^8.2.2",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.11",
+    "vue": "^3.5.42",
+    "vue-tsc": "^3.3.11"
+  }
+}

package/dist/TopButton-9IIdtUbJ.js

@@ -1,81 +0,0 @@
-import { computed as e, createBlock as t, createElementBlock as n, createSlots as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, useSlots as l, withCtx as u, withDirectives as d } from "vue";
-import f from "primevue/button";
-import p from "primevue/tooltip";
-import { twMerge as m } from "tailwind-merge";
-//#region src/components/TopButton.vue?vue&type=script&setup=true&lang.ts
-var h = { class: "h-fit w-fit rounded-[12px] bg-transparent" }, g = /* @__PURE__ */ i({
-	__name: "TopButton",
-	props: {
-		tooltip: { default: "" },
-		tooltipClass: { default: "text-xs" },
-		label: { default: "" },
-		icon: { default: "" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		class: { default: "" },
-		outlined: {
-			type: Boolean,
-			default: !1
-		},
-		secondary: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		unstyled: {
-			type: Boolean,
-			default: !1
-		},
-		type: { default: "button" }
-	},
-	emits: ["click"],
-	setup(i, { emit: g }) {
-		let _ = l(), v = e(() => !!_.icon), y = i, b = g, x = e(() => {
-			let e = y.unstyled ? "" : y.secondary ? "rounded-[10px] border px-2 py-2 font-bold" : y.outlined ? "shrink-0 rounded-[10px] border-primary-800 px-4 py-2 text-primary-800 hover:bg-primary-50" : "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 ";
-			return m(e, y.class);
-		});
-		return (e, l) => (o(), n("span", h, [d((o(), t(c(f), {
-			type: i.type,
-			label: i.label,
-			disabled: i.disabled || i.loading,
-			icon: v.value ? void 0 : i.icon || void 0,
-			loading: i.loading,
-			outlined: i.outlined || i.secondary,
-			severity: i.secondary ? "secondary" : void 0,
-			class: a(x.value),
-			pt: { root: { class: x.value } },
-			onClick: l[0] ||= (e) => b("click")
-		}, r({ _: 2 }, [v.value ? {
-			name: "icon",
-			fn: u(() => [s(e.$slots, "icon")]),
-			key: "0"
-		} : void 0]), 1032, [
-			"type",
-			"label",
-			"disabled",
-			"icon",
-			"loading",
-			"outlined",
-			"severity",
-			"class",
-			"pt"
-		])), [[
-			c(p),
-			{
-				value: i.tooltip,
-				class: i.tooltipClass
-			},
-			void 0,
-			{ top: !0 }
-		]])]));
-	}
-});
-//#endregion
-export { g as t };
-
-//# sourceMappingURL=TopButton-9IIdtUbJ.js.map

package/dist/TopButton-9IIdtUbJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopButton-9IIdtUbJ.js","names":[],"sources":["../src/components/TopButton.vue","../src/components/TopButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport Button from 'primevue/button'\nimport vTooltip from 'primevue/tooltip'\nimport { twMerge } from 'tailwind-merge'\n\nconst slots = useSlots()\nconst outrosIcones = computed(() => Boolean(slots.icon))\n\nconst props = withDefaults(\n  defineProps<{\n    tooltip?: string\n    tooltipClass?: string\n    label?: string\n    icon?: string\n    loading?: boolean\n    class?: string\n    outlined?: boolean\n    secondary?: boolean\n    disabled?: boolean\n    unstyled?: boolean\n    type?: 'button' | 'submit' | 'reset'\n  }>(),\n  {\n    tooltip: '',\n    tooltipClass: 'text-xs',\n    label: '',\n    icon: '',\n    loading: false,\n    class: '',\n    outlined: false,\n    secondary: false,\n    disabled: false,\n    unstyled: false,\n    type: 'button',\n  },\n)\n\nconst emit = defineEmits<{\n  click: []\n}>()\n\nconst buttonClasses = computed(() => {\n  const baseClasses = !props.unstyled\n    ? props.secondary\n      ? 'rounded-[10px] border px-2 py-2 font-bold'\n      : props.outlined\n        ? 'shrink-0 rounded-[10px] border-primary-800 px-4 py-2 text-primary-800 hover:bg-primary-50'\n        : 'rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 '\n    : ''\n\n  return twMerge(baseClasses, props.class)\n})\n</script>\n\n<template>\n  <span class=\"h-fit w-fit rounded-[12px] bg-transparent\">\n    <Button\n      v-tooltip.top=\"{\n        value: tooltip,\n        class: tooltipClass,\n      }\"\n      :type=\"type\"\n      :label=\"label\"\n      :disabled=\"disabled || loading\"\n      :icon=\"outrosIcones ? undefined : icon || undefined\"\n      :loading=\"loading\"\n      :outlined=\"outlined || secondary\"\n      :severity=\"secondary ? 'secondary' : undefined\"\n      :class=\"buttonClasses\"\n      :pt=\"{\n        root: { class: buttonClasses },\n      }\"\n      @click=\"emit('click')\"\n    >\n      <template v-if=\"outrosIcones\" #icon>\n        <slot name=\"icon\" />\n      </template>\n    </Button>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport Button from 'primevue/button'\nimport vTooltip from 'primevue/tooltip'\nimport { twMerge } from 'tailwind-merge'\n\nconst slots = useSlots()\nconst outrosIcones = computed(() => Boolean(slots.icon))\n\nconst props = withDefaults(\n  defineProps<{\n    tooltip?: string\n    tooltipClass?: string\n    label?: string\n    icon?: string\n    loading?: boolean\n    class?: string\n    outlined?: boolean\n    secondary?: boolean\n    disabled?: boolean\n    unstyled?: boolean\n    type?: 'button' | 'submit' | 'reset'\n  }>(),\n  {\n    tooltip: '',\n    tooltipClass: 'text-xs',\n    label: '',\n    icon: '',\n    loading: false,\n    class: '',\n    outlined: false,\n    secondary: false,\n    disabled: false,\n    unstyled: false,\n    type: 'button',\n  },\n)\n\nconst emit = defineEmits<{\n  click: []\n}>()\n\nconst buttonClasses = computed(() => {\n  const baseClasses = !props.unstyled\n    ? props.secondary\n      ? 'rounded-[10px] border px-2 py-2 font-bold'\n      : props.outlined\n        ? 'shrink-0 rounded-[10px] border-primary-800 px-4 py-2 text-primary-800 hover:bg-primary-50'\n        : 'rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 '\n    : ''\n\n  return twMerge(baseClasses, props.class)\n})\n</script>\n\n<template>\n  <span class=\"h-fit w-fit rounded-[12px] bg-transparent\">\n    <Button\n      v-tooltip.top=\"{\n        value: tooltip,\n        class: tooltipClass,\n      }\"\n      :type=\"type\"\n      :label=\"label\"\n      :disabled=\"disabled || loading\"\n      :icon=\"outrosIcones ? undefined : icon || undefined\"\n      :loading=\"loading\"\n      :outlined=\"outlined || secondary\"\n      :severity=\"secondary ? 'secondary' : undefined\"\n      :class=\"buttonClasses\"\n      :pt=\"{\n        root: { class: buttonClasses },\n      }\"\n      @click=\"emit('click')\"\n    >\n      <template v-if=\"outrosIcones\" #icon>\n        <slot name=\"icon\" />\n      </template>\n    </Button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,EAAS,GACjB,IAAe,QAAe,EAAQ,EAAM,IAAK,GAEjD,IAAQ,GA6BR,IAAO,GAIP,IAAgB,QAAe;GACnC,IAAM,IAAe,EAAM,WAMvB,KALA,EAAM,YACJ,8CACA,EAAM,WACJ,8FACA;GAGR,OAAO,EAAQ,GAAa,EAAM,KAAK;EACzC,CAAC;oBAIC,EAAA,GAAA,EAuBO,QAvBP,GAuBO,CAtBL,GAAA,EAAA,GAAA,EAqBS,EAAA,CAAA,GAAA;GAhBN,MAAM,EAAA;GACN,OAAO,EAAA;GACP,UAAU,EAAA,YAAY,EAAA;GACtB,MAAM,EAAA,QAAe,KAAA,IAAY,EAAA,QAAQ,KAAA;GACzC,SAAS,EAAA;GACT,UAAU,EAAA,YAAY,EAAA;GACtB,UAAU,EAAA,YAAS,cAAiB,KAAA;GACpC,OAAK,EAAE,EAAA,KAAa;GACpB,IAAE,EAA2B,MAAA,EAAA,OAAA,EAAA,MAAa,EAAA;GAG1C,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;EAEI,GAAA,EAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EAAA,QAAA;GAAe,MAAA;GAC7B,IAAA,QAAoB,CAApB,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;IAlBU,OAAA,EAAA;IAAwB,OAAA,EAAA;;;GAA9C,EAAA,KAAV,GAGE"}

package/dist/TopButton-CDKgguLF.cjs

@@ -1,2 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("vue"),l=require("primevue/button");l=s(l,1);let u=require("primevue/tooltip");u=s(u,1);let d=require("tailwind-merge");var f={class:`h-fit w-fit rounded-[12px] bg-transparent`},p=(0,c.defineComponent)({__name:`TopButton`,props:{tooltip:{default:``},tooltipClass:{default:`text-xs`},label:{default:``},icon:{default:``},loading:{type:Boolean,default:!1},class:{default:``},outlined:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},unstyled:{type:Boolean,default:!1},type:{default:`button`}},emits:[`click`],setup(e,{emit:t}){let n=(0,c.useSlots)(),r=(0,c.computed)(()=>!!n.icon),i=e,a=t,o=(0,c.computed)(()=>{let e=i.unstyled?``:i.secondary?`rounded-[10px] border px-2 py-2 font-bold`:i.outlined?`shrink-0 rounded-[10px] border-primary-800 px-4 py-2 text-primary-800 hover:bg-primary-50`:`rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 `;return(0,d.twMerge)(e,i.class)});return(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(`span`,f,[(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.default),{type:e.type,label:e.label,disabled:e.disabled||e.loading,icon:r.value?void 0:e.icon||void 0,loading:e.loading,outlined:e.outlined||e.secondary,severity:e.secondary?`secondary`:void 0,class:(0,c.normalizeClass)(o.value),pt:{root:{class:o.value}},onClick:n[0]||=e=>a(`click`)},(0,c.createSlots)({_:2},[r.value?{name:`icon`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(t.$slots,`icon`)]),key:`0`}:void 0]),1032,[`type`,`label`,`disabled`,`icon`,`loading`,`outlined`,`severity`,`class`,`pt`])),[[(0,c.unref)(u.default),{value:e.tooltip,class:e.tooltipClass},void 0,{top:!0}]])]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=TopButton-CDKgguLF.cjs.map

package/dist/TopButton-CDKgguLF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopButton-CDKgguLF.cjs","names":[],"sources":["../src/components/TopButton.vue","../src/components/TopButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport Button from 'primevue/button'\nimport vTooltip from 'primevue/tooltip'\nimport { twMerge } from 'tailwind-merge'\n\nconst slots = useSlots()\nconst outrosIcones = computed(() => Boolean(slots.icon))\n\nconst props = withDefaults(\n  defineProps<{\n    tooltip?: string\n    tooltipClass?: string\n    label?: string\n    icon?: string\n    loading?: boolean\n    class?: string\n    outlined?: boolean\n    secondary?: boolean\n    disabled?: boolean\n    unstyled?: boolean\n    type?: 'button' | 'submit' | 'reset'\n  }>(),\n  {\n    tooltip: '',\n    tooltipClass: 'text-xs',\n    label: '',\n    icon: '',\n    loading: false,\n    class: '',\n    outlined: false,\n    secondary: false,\n    disabled: false,\n    unstyled: false,\n    type: 'button',\n  },\n)\n\nconst emit = defineEmits<{\n  click: []\n}>()\n\nconst buttonClasses = computed(() => {\n  const baseClasses = !props.unstyled\n    ? props.secondary\n      ? 'rounded-[10px] border px-2 py-2 font-bold'\n      : props.outlined\n        ? 'shrink-0 rounded-[10px] border-primary-800 px-4 py-2 text-primary-800 hover:bg-primary-50'\n        : 'rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 '\n    : ''\n\n  return twMerge(baseClasses, props.class)\n})\n</script>\n\n<template>\n  <span class=\"h-fit w-fit rounded-[12px] bg-transparent\">\n    <Button\n      v-tooltip.top=\"{\n        value: tooltip,\n        class: tooltipClass,\n      }\"\n      :type=\"type\"\n      :label=\"label\"\n      :disabled=\"disabled || loading\"\n      :icon=\"outrosIcones ? undefined : icon || undefined\"\n      :loading=\"loading\"\n      :outlined=\"outlined || secondary\"\n      :severity=\"secondary ? 'secondary' : undefined\"\n      :class=\"buttonClasses\"\n      :pt=\"{\n        root: { class: buttonClasses },\n      }\"\n      @click=\"emit('click')\"\n    >\n      <template v-if=\"outrosIcones\" #icon>\n        <slot name=\"icon\" />\n      </template>\n    </Button>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport Button from 'primevue/button'\nimport vTooltip from 'primevue/tooltip'\nimport { twMerge } from 'tailwind-merge'\n\nconst slots = useSlots()\nconst outrosIcones = computed(() => Boolean(slots.icon))\n\nconst props = withDefaults(\n  defineProps<{\n    tooltip?: string\n    tooltipClass?: string\n    label?: string\n    icon?: string\n    loading?: boolean\n    class?: string\n    outlined?: boolean\n    secondary?: boolean\n    disabled?: boolean\n    unstyled?: boolean\n    type?: 'button' | 'submit' | 'reset'\n  }>(),\n  {\n    tooltip: '',\n    tooltipClass: 'text-xs',\n    label: '',\n    icon: '',\n    loading: false,\n    class: '',\n    outlined: false,\n    secondary: false,\n    disabled: false,\n    unstyled: false,\n    type: 'button',\n  },\n)\n\nconst emit = defineEmits<{\n  click: []\n}>()\n\nconst buttonClasses = computed(() => {\n  const baseClasses = !props.unstyled\n    ? props.secondary\n      ? 'rounded-[10px] border px-2 py-2 font-bold'\n      : props.outlined\n        ? 'shrink-0 rounded-[10px] border-primary-800 px-4 py-2 text-primary-800 hover:bg-primary-50'\n        : 'rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 '\n    : ''\n\n  return twMerge(baseClasses, props.class)\n})\n</script>\n\n<template>\n  <span class=\"h-fit w-fit rounded-[12px] bg-transparent\">\n    <Button\n      v-tooltip.top=\"{\n        value: tooltip,\n        class: tooltipClass,\n      }\"\n      :type=\"type\"\n      :label=\"label\"\n      :disabled=\"disabled || loading\"\n      :icon=\"outrosIcones ? undefined : icon || undefined\"\n      :loading=\"loading\"\n      :outlined=\"outlined || secondary\"\n      :severity=\"secondary ? 'secondary' : undefined\"\n      :class=\"buttonClasses\"\n      :pt=\"{\n        root: { class: buttonClasses },\n      }\"\n      @click=\"emit('click')\"\n    >\n      <template v-if=\"outrosIcones\" #icon>\n        <slot name=\"icon\" />\n      </template>\n    </Button>\n  </span>\n</template>\n"],"mappings":"+jCAMA,IAAM,GAAA,EAAQ,EAAA,SAAA,CAAS,EACjB,GAAA,EAAe,EAAA,SAAA,KAAe,EAAQ,EAAM,IAAK,EAEjD,EAAQ,EA6BR,EAAO,EAIP,GAAA,EAAgB,EAAA,SAAA,KAAe,CACnC,IAAM,EAAe,EAAM,SAMvB,GALA,EAAM,UACJ,4CACA,EAAM,SACJ,4FACA,mIAGR,OAAA,EAAO,EAAA,QAAA,CAAQ,EAAa,EAAM,KAAK,CACzC,CAAC,iBAIC,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAuBO,OAvBP,EAuBO,EAAA,EAtBL,EAAA,eAAA,GAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,EAAA,EAqBS,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAhBN,KAAM,EAAA,KACN,MAAO,EAAA,MACP,SAAU,EAAA,UAAY,EAAA,QACtB,KAAM,EAAA,MAAe,IAAA,GAAY,EAAA,MAAQ,IAAA,GACzC,QAAS,EAAA,QACT,SAAU,EAAA,UAAY,EAAA,UACtB,SAAU,EAAA,UAAS,YAAiB,IAAA,GACpC,OAAA,EAAK,EAAA,eAAA,CAAE,EAAA,KAAa,EACpB,GAAE,CAA2B,KAAA,CAAA,MAAA,EAAA,KAAa,CAAA,EAG1C,QAAK,AAAA,EAAA,KAAA,GAAE,EAAI,OAAA,CAEI,GAAA,EAAA,EAAA,YAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,CAAe,KAAA,OAC7B,IAAA,EAAA,EAAA,QAAA,KAAoB,EAAA,EAApB,EAAA,WAAA,CAAoB,EAAA,OAAA,MAAA,CAAA,CAAA,qIAlBU,MAAA,EAAA,QAAwB,MAAA,EAAA,qBAA9C,CAAA,IAAV,EAGE"}