@stencitecnologia/front-kit 0.1.2

package/dist/style.css

@@ -0,0 +1 @@
+:root{--font-display: "Plus Jakarta Sans", sans-serif;--fs-1: .75rem;--fs-2: .8125rem;--fs-3: .875rem;--fs-4: 1rem;--fs-5: 1.125rem;--fs-6: 1.25rem;--fs-7: 1.5rem;--fs-8: 1.875rem;--fs-9: 2.25rem;--fs-10: 3rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.2;--lh-base: 1.5;--lh-relaxed: 1.7;--control-height: 44px;--radius-sm: .25rem;--radius: .375rem;--radius-lg: .5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--color-surface: #0c1529;--color-card: #ffffff;--color-sidebar: #E8EBFC;--color-border: #e2e8f0;--color-divider: rgba(15, 23, 42, .1);--color-primary: #364bf5;--color-primary-hover: #2d40d6;--color-primary-active: #2434b8;--color-secondary: #e7ebff;--color-secondary-hover: #d8defe;--color-secondary-active: #c7d0fd;--color-text: #0f172a;--color-text-muted: #475569;--color-text-inverse: #ffffff;--color-ghost-hover: #f1f1f1;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #035acd}html,body{color:var(--color-text);font-size:var(--fs-4);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";height:100%}body{margin:0}*,*:before,*:after{box-sizing:border-box}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}h1{font-size:var(--fs-9);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-4)}h2{font-size:var(--fs-8);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-4)}h3{font-size:var(--fs-7);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-4)}h4{font-size:var(--fs-6);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-4)}p{line-height:var(--lh-base);margin-bottom:var(--space-4)}.loading{color:var(--color-primary);width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:loading-spin .6s linear infinite}.loading-lg{width:32px;height:32px;border-width:3px}.loading-center{display:flex;align-items:center;justify-self:center}@keyframes loading-spin{to{transform:rotate(360deg)}}@layer components{.app-container{@apply mx-auto w-full;max-width:1200px;padding:var(--space-4)}.form-grid{display:grid;column-gap:var(--space-4);row-gap:var(--space-4);margin-bottom:var(--space-4)}.stenci-title{font-size:var(--fs-4);color:var(--color-text);font-weight:var(--fw-medium)}.ui-field{@apply flex flex-col gap-1;}.ui-label{@apply text-sm;font-weight:var(--fw-regular);color:var(--color-text)}.ui-control{@apply flex flex-col gap-1;}.ui-error{@apply text-sm;color:var(--color-danger)}.ui-help{@apply text-sm;color:var(--color-info);font-size:var(--fs-2)}.ui-btn{@apply inline-flex items-center justify-center gap-2 select-none whitespace-nowrap;cursor:pointer;height:var(--control-height);min-height:var(--control-height);border-radius:var(--radius);padding:0 .875rem;font-size:var(--fs-4);font-weight:var(--fw-regular);line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.ui-btn-primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-inverse)}.ui-btn-primary:not(:disabled):hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ui-btn-secondary{background:var(--color-secondary);border:1px solid var(--color-secondary);color:var(--color-text-inverse)}.ui-btn-secondary:not(:disabled):hover{background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.ui-btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.ui-btn-outline:not(:disabled):hover{border-color:var(--color-primary-hover);background:#ffffff0f}.ui-btn-ghost{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-btn-ghost:not(:disabled):hover{background:var(--color-ghost-hover)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.65;box-shadow:none}.ui-card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.ui-card-header{@apply flex flex-col gap-1;padding:var(--space-4);border-bottom:1px solid var(--color-divider)}.ui-card-title{font-size:var(--fs-6);font-weight:var(--fw-semibold);color:var(--color-text)}.ui-card-subtitle{font-size:var(--fs-3);color:var(--color-text-muted)}.ui-card-content{padding:var(--space-4)}.ui-card-footer{border-top:1px solid var(--color-divider)}.ui-card-footer-content{padding:var(--space-4)}.ui-card-has-footer{overflow:hidden}.ui-section-divider{@apply flex items-center gap-3;}.ui-section-divider__line{@apply flex-1;height:1px;background:var(--color-divider)}}@layer app{:root{--p-primary-color: var(--color-primary);--p-primary-hover-color: var(--color-primary-hover);--p-primary-active-color: var(--color-primary-hover);--p-highlight-background: var(--color-secondary);--p-highlight-color: #ffffff}:root Select .p-select-overlay .p-select-option.p-highlight,:root .p-select-overlay .p-select-option[aria-selected=true],:root .p-select-overlay .p-select-option[data-p-highlight=true]{background:var(--p-highlight-background)!important;color:var(--color-text)!important}:root .p-inputgroupaddon{min-width:auto}:root .p-datatable{font-size:var(--fs-2)}}.ui-empty[data-v-91327e2b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center}.ui-empty__media[data-v-91327e2b]{display:flex;align-items:center;justify-content:center}.ui-empty__icon[data-v-91327e2b]{font-size:2rem;color:var(--color-text);opacity:.8}.ui-empty__image[data-v-91327e2b]{max-width:160px;width:100%;height:auto;opacity:.85}.ui-empty__title[data-v-91327e2b]{font-size:var(--fs-6);font-weight:var(--fw-semibold);color:var(--color-text-muted)}.ui-empty__description[data-v-91327e2b]{font-size:var(--fs-4);color:var(--color-text-muted);max-width:420px}.ui-empty__actions[data-v-91327e2b]{margin-top:var(--space-3)}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@stencitecnologia/front-kit",
+  "version": "0.1.2",
+  "type": "module",
+  "types": "./types/index.d.ts",
+  "files": [
+    "dist",
+    "types"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "prepack": "npm run build",
+    "lint": "eslint . --ext .js,.vue"
+  },
+  "peerDependencies": {
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/vue-fontawesome": "^3.1.3",
+    "primevue": "^4.5.4",
+    "vue": "^3.3.0",
+    "vue-router": "^4.6.4"
+  },
+  "dependencies": {
+    "@primeuix/themes": "^2.0.3",
+    "@vuelidate/validators": "^2.0.4",
+    "dayjs": "^1.11.19"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "eslint": "^8.57.1",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-vue": "^9.17.0",
+    "vite": "^7.3.1",
+    "vue-router": "^4.6.4"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "style": "./dist/style.css",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.es.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1 @@
+declare module '@stenci/front-kit';