sprintify-ui 0.0.0 → 0.0.1

package/dist/style.css

@@ -0,0 +1,4 @@
+@charset "UTF-8";/*!
+ * Pikaday
+ * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
+ */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;font-weight:700;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.pikaday-white{--backgroundColor: #ffffff;--textColor: #718096;--currentDateTextColor: #3182ce;--selectedDateBackgroundColor: #3182ce;--selectedDateTextColor: #ffffff;--labelTextColor: #4a5568;--weekDaysTextColor: #a0aec0;font-family:inherit;background-color:var(--backgroundColor);padding:.5rem;z-index:2000;margin:6px 0 0;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:.5rem}.pikaday-white .pika-title{width:100%;text-align:center;display:flex;justify-content:flex-start;margin-bottom:5px}.pikaday-white .pika-prev,.pikaday-white .pika-next{position:absolute;outline:none;padding:0;width:26px;height:26px;top:-1px;display:inline-block;margin-top:0;cursor:pointer;text-indent:-9999px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;opacity:.7}.pikaday-white .pika-prev:hover,.pikaday-white .pika-next:hover{opacity:1}.pikaday-white .pika-prev{right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'%3E%3C/path%3E%3C/svg%3E")}.pikaday-white .pika-next{right:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E")}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pikaday-white .pika-label{margin-right:.375rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));padding:.25rem .5rem;font-size:14px;font-weight:500;line-height:1}.pikaday-white .pika-label{position:relative}.pikaday-white .pika-select-month,.pikaday-white .pika-select-year{width:100%;cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:0;opacity:0;padding:0}.pikaday-white table{width:100%;border-collapse:collapse}.pikaday-white table th{width:2em;height:2em;font-weight:400;color:var(--weekDaysTextColor);text-align:center}.pikaday-white table th abbr{text-decoration:none}.pikaday-white table td{padding:1px}.pikaday-white table td button{width:2em;height:2em;text-align:center;border-radius:9999px;background-color:var(--backgroundColor)}.pikaday-white table td button:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.pikaday-white table td.is-today button{color:var(--currentDateTextColor)}.pikaday-white table td.is-selected button{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:400}.pikaday-white table td button{color:var(--textColor)}.btn{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.375rem;border-width:1px;padding:.625rem 1rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.btn:focus-visible{outline:2px solid transparent;outline-offset:2px;--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(2px + 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);--tw-ring-offset-width: 2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-xs{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.btn.btn-sm{padding:.5rem .75rem;font-size:.875rem;line-height:1rem}.btn.btn-md{padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}.btn.btn-lg{padding:.75rem 1.25rem;font-size:1rem;line-height:1.5rem}.btn.btn-xl{padding:1rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-default{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn-default:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn-default:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn-default:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-primary{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.btn.btn-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-primary:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.btn.btn-secondary{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.btn.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-secondary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-secondary:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-secondary-outline{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.btn.btn-secondary-outline:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-secondary-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-secondary-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-slate-100{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.btn.btn-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.btn.btn-slate-100:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-100:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-100-outline{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.btn.btn-slate-100-outline:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-100-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-100-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-200{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.btn.btn-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.btn.btn-slate-200:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-200:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-200-outline{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.btn.btn-slate-200-outline:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.btn.btn-slate-200-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-200-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-white{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn.btn-white:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn.btn-white:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-white:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-white-outline{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn.btn-white-outline:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn.btn-white-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-white-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-white-outline-primary{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.btn.btn-white-outline-primary:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-white-outline-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-white-outline-primary:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-black{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn.btn-black:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.btn.btn-black:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity))}.btn.btn-black:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.btn.btn-danger{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn.btn-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.btn.btn-danger:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))}.btn.btn-danger:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.btn.btn-warning{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity))}.btn.btn-warning:hover{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity))}.btn.btn-warning:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity))}.btn.btn-warning:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.form-input-label{display:block;font-size:.875rem;line-height:1.25rem;line-height:1.25;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.form-input-error{font-size:.875rem;line-height:1.25rem;line-height:1.25;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}

package/dist/types/src/components/BaseAutocomplete.vue.d.ts

@@ -29,7 +29,7 @@ declare const _default: {
                 type: StringConstructor;
             };
             inputClass: {
-                default: undefined;
+                default: string;
                 type: StringConstructor;
             };
             placeholder: {
@@ -90,7 +90,7 @@ declare const _default: {
                 type: StringConstructor;
             };
             inputClass: {
-                default: undefined;
+                default: string;
                 type: StringConstructor;
             };
             placeholder: {
@@ -164,7 +164,7 @@ declare const _default: {
             type: StringConstructor;
         };
         inputClass: {
-            default: undefined;
+            default: string;
             type: StringConstructor;
         };
         placeholder: {
@@ -215,7 +215,7 @@ declare const _default: {
         type: StringConstructor;
     };
     inputClass: {
-        default: undefined;
+        default: string;
         type: StringConstructor;
     };
     placeholder: {

package/dist/types/src/components/index.d.ts

@@ -1,2 +1,5 @@
+import BaseAlert from './BaseAlert.vue';
+import BaseAutocomplete from './BaseAutocomplete.vue';
 import BaseButton from './BaseButton.vue';
-export { BaseButton, };
+import { Icon } from '@iconify/vue';
+export { BaseAlert, BaseAutocomplete, BaseButton, Icon };

package/dist/types/src/index.d.ts

@@ -115,6 +115,7 @@ declare const messages: {
         };
     };
 };
+import './assets/main.css';
 interface SprintifyUIConfig {
     i18n?: I18n<typeof messages, {}, {}, string, true>;
     http?: AxiosInstance;
@@ -242,7 +243,7 @@ declare const pluginConfig: {
     formatQueryString(params: Record<string, any>): string;
     parseQueryString(params: string): Record<string, any>;
 };
-declare function install(app: App, config: SprintifyUIConfig): void;
+declare function install(app: App, config?: SprintifyUIConfig): void;
 declare const _default: {
     install: typeof install;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "docs:dev": "vitepress dev docs",
@@ -94,6 +94,7 @@
     ".": {
       "import": "./dist/sprintify-ui.es.js"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./dist/style.css": "./dist/style.css",
+    "./dist/lang/": "./src/lang/"
   }
 }

package/src/assets/main.css

@@ -1,3 +1,3 @@
 @import './pikaday.css';
-@import './form.css';
+@import './button.css';
 @import './form.css';

package/src/components/BaseAutocomplete.vue

@@ -152,7 +152,7 @@ const props = defineProps({
     type: String,
   },
   inputClass: {
-    default: undefined,
+    default: 'border-slate-300 w-full',
     type: String,
   },
   placeholder: {

package/src/components/BaseBelongsTo.vue

@@ -28,7 +28,7 @@ import { Selection } from '@/types/types';
 import { PropType } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 import { AxiosResponse } from 'axios';
-import { config } from 'src';
+import { config } from '@/index';
 
 const props = defineProps({
   modelValue: {

package/src/components/BaseDataIterator.vue

@@ -216,7 +216,7 @@ import BaseCard from './BaseCard.vue';
 import BaseCardRow from './BaseCardRow.vue';
 import BasePaginationSimple from './BasePaginationSimple.vue';
 import BaseModalSide from './BaseModalSide.vue';
-import { config } from 'src';
+import { config } from '@/index';
 
 const props = defineProps({
   /**

package/src/components/BaseDataTable.vue

@@ -163,8 +163,8 @@ import {
   DataTableQuery,
   MenuItemInterface,
 } from '@/types/types';
-import { useDialogsStore } from '../stores/dialogs';
-import { useNotificationsStore } from '../stores/notifications';
+//import { useDialogsStore } from '../stores/dialogs';
+//import { useNotificationsStore } from '../stores/notifications';
 import BaseDataIterator from './BaseDataIterator.vue';
 import { isArray } from 'lodash';
 
@@ -173,14 +173,14 @@ import BaseCardRow from './BaseCardRow.vue';
 import BaseTable from './BaseTable.vue';
 import BaseTableColumn from './BaseTableColumn.vue';
 import BaseDataTableToggleColumns from './BaseDataTableToggleColumns.vue';
-import { config } from 'src';
+import { config } from '@/index';
 
 const i18n = useI18n();
 
 const http = config.http;
 
-const dialogs = useDialogsStore();
-const notifications = useNotificationsStore();
+//const dialogs = useDialogsStore();
+//const notifications = useNotificationsStore();
 
 const table = ref(null) as Ref<null | InstanceType<typeof BaseTable>>;
 
@@ -381,14 +381,14 @@ const canDelete = (row: CollectionItem): boolean => {
 };
 
 function onDeleteClick(row: CollectionItem) {
-  dialogs.push({
+  /* dialogs.push({
     title: i18n.t('sui.delete_record') + '?',
     message: i18n.t('sui.delete_record_description'),
     color: 'danger',
     closeOnOutsideClick: false,
     confirmText: i18n.t('sui.yes_delete'),
     onConfirm: () => onDelete(row),
-  });
+  }); */
 }
 
 const onDelete = (row: CollectionItem) => {
@@ -398,11 +398,11 @@ const onDelete = (row: CollectionItem) => {
 
   http.delete(props.deleteUrl(row)).then((response) => {
     if (response.data && response.data.message) {
-      notifications.push({
+      /* notifications.push({
         title: i18n.t('sui.success'),
         text: response.data.message,
         color: 'success',
-      });
+      }); */
     }
     emit('delete', row);
 

package/src/components/BaseDatePicker.vue

@@ -38,7 +38,7 @@ import { PropType, Ref } from 'vue';
 import Pikaday from 'pikaday';
 import { capitalize, padStart } from 'lodash';
 import { DateTime, Info } from 'luxon';
-import { config } from 'src';
+import { config } from '@/index';
 
 const props = defineProps({
   modelValue: {

package/src/components/BaseFileUploader.vue

@@ -32,15 +32,15 @@
 </template>
 
 <script lang="ts" setup>
-import { config } from 'src';
+import { config } from '@/index';
 import { PropType } from 'vue';
 import { UploadedFile } from '@/types/UploadedFile';
 import { toHumanList, fileSizeFormat } from '../utils';
-import { useNotificationsStore } from '../stores/notifications';
+//import { useNotificationsStore } from '../stores/notifications';
 
 const http = config.http;
 const i18n = useI18n();
-const notifications = useNotificationsStore();
+//const notifications = useNotificationsStore();
 
 const props = defineProps({
   disabled: {
@@ -91,13 +91,13 @@ async function onPictureUpload(file: File) {
 
   try {
     if (file.size > props.maxSize) {
-      notifications.push({
+      /* notifications.push({
         color: 'danger',
         title: i18n.t('sui.error'),
         text: i18n.t('sui.the_file_size_must_not_exceed_x', {
           x: fileSizeFormat(props.maxSize),
         }),
-      });
+      }); */
       return;
     }
 
@@ -109,7 +109,7 @@ async function onPictureUpload(file: File) {
       props.acceptedExtensions.length
     ) {
       if (!props.acceptedExtensions.includes(extension)) {
-        notifications.push({
+        /* notifications.push({
           color: 'danger',
           title: i18n.t('sui.error'),
           text:
@@ -119,7 +119,7 @@ async function onPictureUpload(file: File) {
             ' ' +
             toHumanList(props.acceptedExtensions, i18n.t('sui.or')) +
             '.',
-        });
+        }); */
         return;
       }
     }

package/src/components/BaseMediaLibrary.vue

@@ -91,14 +91,15 @@ import { Media } from '@/types/Media';
 import _, { cloneDeep, get } from 'lodash';
 import { PropType } from 'vue';
 import { MediaLibraryPayload } from '@/types/types';
-import { useDialogsStore } from '../stores/dialogs';
-import { useNotificationsStore } from '../stores/notifications';
+//import { useDialogsStore } from '../stores/dialogs';
+//import { useNotificationsStore } from '../stores/notifications';
 import { capitalize } from 'lodash';
 import { fileSizeFormat } from 'src/utils';
 
 const i18n = useI18n();
-const dialogs = useDialogsStore();
-const notifications = useNotificationsStore();
+
+//const dialogs = useDialogsStore();
+//const notifications = useNotificationsStore();
 
 const emit = defineEmits([
   'update',
@@ -187,11 +188,11 @@ function onUploadSuccess(file: UploadedFile) {
   }
 
   if (numberOfFiles.value >= props.max && props.max > 1) {
-    notifications.push({
+    /* notifications.push({
       title: i18n.t('sui.whoops'),
       text: i18n.t('sui.you_can_upload_up_to_n_files', { count: props.max }),
       color: 'danger',
-    });
+    }); */
     return;
   }
 
@@ -212,25 +213,25 @@ function onUploadSuccess(file: UploadedFile) {
 }
 
 function promptRemoveUploadedFile(index: number, length = 1) {
-  dialogs.push({
+  /* dialogs.push({
     title: i18n.t('sui.remove_file'),
     message: i18n.t('sui.remove_file_description'),
     color: 'warning',
     onConfirm() {
       removeUploadedFile(index, length);
     },
-  });
+  }); */
 }
 
 function promptRemoveMedia(index: number) {
-  dialogs.push({
+  /* dialogs.push({
     title: i18n.t('sui.remove_file'),
     message: i18n.t('sui.remove_file_description'),
     color: 'warning',
     onConfirm() {
       removeMedia(index);
     },
-  });
+  }); */
 }
 
 function removeUploadedFile(index: number, length = 1) {

package/src/components/BaseTagAutocomplete.vue

@@ -82,7 +82,7 @@ import { cloneDeep, get } from 'lodash';
 import { PropType, Ref, ComputedRef } from 'vue';
 import { NormalizedOption, Option, OptionValue } from '@/types/types';
 import { useInfiniteScroll } from '@vueuse/core';
-import { useNotificationsStore } from '../../stores/notifications';
+//import { useNotificationsStore } from '../../stores/notifications';
 
 const props = defineProps({
   modelValue: {
@@ -139,7 +139,7 @@ const emit = defineEmits([
 ]);
 
 const i18n = useI18n();
-const notifications = useNotificationsStore();
+//const notifications = useNotificationsStore();
 
 const timerId = ref(0);
 const keywords = ref('');
@@ -307,11 +307,11 @@ const toggleOption = (option: NormalizedOption) => {
 
 const addOption = (option: NormalizedOption) => {
   if (props.max && normalizedModelValue.value.length >= props.max) {
-    notifications.push({
+    /* notifications.push({
       title: i18n.t('sui.whoops'),
       text: i18n.t('sui.you_cannot_select_more_than_x_items', { x: props.max }),
       color: 'warning',
-    });
+    }); */
     return;
   }
 

package/src/components/BaseTagAutocompleteFetch.vue

@@ -30,7 +30,7 @@
 
 <script lang="ts" setup>
 import { debounce } from 'lodash';
-import { config } from 'src';
+import { config } from '@/index';
 import { PropType, Ref } from 'vue';
 import { Option } from '@/types/types';
 

package/src/components/index.ts

@@ -1,5 +1,6 @@
-import BaseButton from './BaseButton.vue'
+import BaseAlert from './BaseAlert.vue';
+import BaseAutocomplete from './BaseAutocomplete.vue';
+import BaseButton from './BaseButton.vue';
+import { Icon } from '@iconify/vue';
 
-export {
-  BaseButton,
-}
+export { BaseAlert, BaseAutocomplete, BaseButton, Icon };

package/src/index.ts

@@ -8,6 +8,8 @@ import fr from '@/lang/fr.json';
 
 const messages = { en, fr };
 
+import './assets/main.css';
+
 interface SprintifyUIConfig {
   // eslint-disable-next-line @typescript-eslint/ban-types
   i18n?: I18n<typeof messages, {}, {}, string, true>;
@@ -34,29 +36,29 @@ const pluginConfig = {
   },
 };
 
-function install(app: App, config: SprintifyUIConfig) {
+function install(app: App, config?: SprintifyUIConfig) {
   for (const key in components) {
     // @ts-expect-error Will throw
     app.component(key, components[key]);
   }
 
-  if (config.i18n) {
+  if (config?.i18n) {
     pluginConfig.i18n = config.i18n;
   }
 
-  if (config.http) {
+  if (config?.http) {
     pluginConfig.http = config.http;
   }
 
-  if (config.upload_url) {
+  if (config?.upload_url) {
     pluginConfig.upload_url = config.upload_url;
   }
 
-  if (config.formatQueryString) {
+  if (config?.formatQueryString) {
     pluginConfig.formatQueryString = config.formatQueryString;
   }
 
-  if (config.parseQueryString) {
+  if (config?.parseQueryString) {
     pluginConfig.parseQueryString = config.parseQueryString;
   }
 }

package/src/utils/fileSizeFormat.ts

@@ -1,4 +1,4 @@
-import { config } from 'src';
+import { config } from '@/index';
 
 export default function (size: number): string {
   const i = Math.floor(Math.log(size) / Math.log(1024));

package/src/utils/toHumanList.ts

@@ -1,4 +1,4 @@
-import { config } from 'src';
+import { config } from '@/index';
 
 export default function (list: string[], conjunction?: string): string {
   let sentence = '';