sprintify-ui 0.1.17 → 0.2.0

package/dist/types/src/utils/cropper/presetInterface.d.ts

@@ -1,7 +1,7 @@
-import { CropperConfig } from '@/types';
-export declare abstract class PresetInterface {
-    protected config: CropperConfig | null;
-    protected presetOptions: Record<string, any> | null;
-    constructor(config?: CropperConfig | null, presetOptions?: Record<string, any> | null);
-    abstract handle(): CropperConfig;
-}
+import { CropperConfig } from '@/types';
+export declare abstract class PresetInterface {
+    protected config: CropperConfig | null;
+    protected presetOptions: Record<string, any> | null;
+    constructor(config?: CropperConfig | null, presetOptions?: Record<string, any> | null);
+    abstract handle(): CropperConfig;
+}

package/dist/types/src/utils/cropper/presets.d.ts

@@ -1,6 +1,6 @@
-import { AvatarPreset } from './avatar';
-import { CoverPreset } from './cover';
-export declare const presets: {
-    avatar: typeof AvatarPreset;
-    cover: typeof CoverPreset;
-};
+import { AvatarPreset } from './avatar';
+import { CoverPreset } from './cover';
+export declare const presets: {
+    avatar: typeof AvatarPreset;
+    cover: typeof CoverPreset;
+};

package/dist/types/src/utils/fileSizeFormat.d.ts

@@ -1 +1 @@
-export default function (size: number): string;
+export default function (size: number): string;

package/dist/types/src/utils/fileValidations.d.ts

@@ -1,2 +1,2 @@
-export declare function maxSize(blob: Blob, maxSize: number): boolean;
-export declare function validExtension(blob: Blob | File, extensions?: string[] | undefined): boolean;
+export declare function maxSize(blob: Blob, maxSize: number): boolean;
+export declare function validExtension(blob: Blob | File, extensions?: string[] | undefined): boolean;

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

@@ -1,6 +1,6 @@
-import toHumanList from './toHumanList';
-import fileSizeFormat from './fileSizeFormat';
-import resizeImageFromURI from './resizeImageFromURI';
-import { disableScroll, enableScroll } from './scrollPreventer';
-import { blobToBase64, validateBase64, base64ToBlob } from './blob';
-export { toHumanList, fileSizeFormat, disableScroll, enableScroll, resizeImageFromURI, blobToBase64, validateBase64, base64ToBlob, };
+import toHumanList from './toHumanList';
+import fileSizeFormat from './fileSizeFormat';
+import resizeImageFromURI from './resizeImageFromURI';
+import { disableScroll, enableScroll } from './scrollPreventer';
+import { blobToBase64, validateBase64, base64ToBlob } from './blob';
+export { toHumanList, fileSizeFormat, disableScroll, enableScroll, resizeImageFromURI, blobToBase64, validateBase64, base64ToBlob, };

package/dist/types/src/utils/resizeImageFromURI.d.ts

@@ -1 +1 @@
-export default function resizeImageFromURI(source: string, height: number, width: number): Promise<string>;
+export default function resizeImageFromURI(source: string, height: number, width: number): Promise<string>;

package/dist/types/src/utils/scrollPreventer.d.ts

@@ -1,3 +1,3 @@
-declare function disableScroll(): void;
-declare function enableScroll(): void;
-export { disableScroll, enableScroll };
+declare function disableScroll(): void;
+declare function enableScroll(): void;
+export { disableScroll, enableScroll };

package/dist/types/src/utils/toHumanList.d.ts

@@ -1 +1 @@
-export default function (list: string[], conjunction?: string): string;
+export default function (list: string[], conjunction?: string): string;

package/package.json

@@ -1,139 +1,138 @@
-{
-  "name": "sprintify-ui",
-  "version": "0.1.17",
-  "scripts": {
-    "build": "rimraf dist && vue-tsc && vite build",
-    "build-fast": "rimraf dist && vite build",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "prepack": "npm run build",
-    "prepare": "husky install && relative-deps",
-    "release": "standard-version",
-    "commit": "cz"
-  },
-  "peerDependencies": {
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.8",
-    "@vueup/vue-quill": "^1.0.0",
-    "@vueuse/core": "^10.0.0",
-    "axios": "^0.26.1",
-    "croppie": "^2.6.5",
-    "flatpickr": "^4.6.13",
-    "humanize-duration": "^3.0.0",
-    "lodash": "^4.17.21",
-    "luxon": "^3.0.0",
-    "maska": "^2.1.3",
-    "microtip": "^0.2.2",
-    "object-to-formdata": "^4.4.2",
-    "pinia": "^2.0.0",
-    "qs": "^6.0.0",
-    "sortablejs": "^1.15.0",
-    "tailwindcss": "^3.0.0",
-    "vue": "^3.0.0",
-    "vue-router": "^4.0.0"
-  },
-  "dependencies": {
-    "@headlessui/vue": "^1.7.12",
-    "color2k": "^2.0.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@commitlint/cli": "^17.4.4",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@iconify/vue": "^4.1.0",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-vite": "^0.4.0",
-    "@storybook/testing-library": "^0.0.13",
-    "@storybook/vue3": "^6.5.16",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/croppie": "^2.6.1",
-    "@types/google.maps": "^3.51.1",
-    "@types/humanize-duration": "^3.27.1",
-    "@types/luxon": "^3.2.0",
-    "@types/object-hash": "^2.2.1",
-    "@types/qs": "^6.9.7",
-    "@types/scroll-lock": "^2.1.0",
-    "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^5.51.0",
-    "@typescript-eslint/parser": "^5.51.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vueup/vue-quill": "^1.1.0",
-    "@vueuse/core": "^10.0.2",
-    "autoprefixer": "^10.4.13",
-    "axios": "^0.26.1",
-    "babel-loader": "^8.3.0",
-    "croppie": "^2.6.5",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-storybook": "^0.6.10",
-    "eslint-plugin-vue": "^9.9.0",
-    "eslint-plugin-vue-scoped-css": "^2.4.0",
-    "flatpickr": "^4.6.13",
-    "humanize-duration": "^3.28.0",
-    "husky": "^8.0.3",
-    "lodash": "^4.17.21",
-    "luxon": "^3.2.1",
-    "maska": "^2.1.6",
-    "microtip": "^0.2.2",
-    "object-hash": "^3.0.0",
-    "object-to-formdata": "^4.4.2",
-    "pinia": "^2.0.30",
-    "postcss": "^8.4.21",
-    "postcss-import": "^15.1.0",
-    "prettier": "^2.8.4",
-    "prettier-plugin-tailwindcss": "^0.2.2",
-    "qs": "^6.11.0",
-    "relative-deps": "^1.0.7",
-    "rimraf": "^3.0.2",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "scroll-lock": "^2.1.5",
-    "sortablejs": "^1.15.0",
-    "standard-version": "^9.5.0",
-    "storybook": "^6.5.16",
-    "storybook-addon-mock": "^3.2.0",
-    "tailwindcss": "^3.2.6",
-    "typescript": "^4.9.5",
-    "unplugin-auto-import": "^0.12.2",
-    "vite": "^4.1.1",
-    "vitepress": "^0.21.6",
-    "vue": "^3.2.47",
-    "vue-i18n": "^9.2.2",
-    "vue-loader": "^17.0.1",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.0.24"
-  },
-  "files": [
-    "src",
-    "dist"
-  ],
-  "types": "./dist/types/src/index.d.ts",
-  "module": "./dist/sprintify-ui.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/sprintify-ui.es.js"
-    },
-    "./dist/style.css": "./dist/style.css",
-    "./tailwindcss": "./dist/tailwindcss/index.js",
-    "./dist/types/src/types": "./dist/types/src/types/index.ts"
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
-  "relativeDependencies": {}
-}
+{
+  "name": "sprintify-ui",
+  "version": "0.2.0",
+  "scripts": {
+    "build": "rimraf dist && vue-tsc && vite build",
+    "build-fast": "rimraf dist && vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "prepack": "npm run build",
+    "prepare": "husky install && relative-deps",
+    "release": "standard-version",
+    "commit": "cz"
+  },
+  "peerDependencies": {
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.8",
+    "@vueup/vue-quill": "^1.0.0",
+    "@vueuse/core": "^10.0.0",
+    "axios": "^0.26.1",
+    "croppie": "^2.6.5",
+    "flatpickr": "^4.6.13",
+    "humanize-duration": "^3.0.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.0.0",
+    "maska": "^2.1.3",
+    "microtip": "^0.2.2",
+    "object-to-formdata": "^4.4.2",
+    "pinia": "^2.0.0",
+    "qs": "^6.0.0",
+    "sortablejs": "^1.15.0",
+    "tailwindcss": "^3.3.0",
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0"
+  },
+  "dependencies": {
+    "@headlessui/vue": "^1.7.12",
+    "color2k": "^2.0.2",
+    "tailwind-merge": "^1.12.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@commitlint/cli": "^17.4.4",
+    "@commitlint/config-conventional": "^17.4.4",
+    "@iconify/vue": "^4.1.0",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-vite": "^0.4.0",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/vue3": "^6.5.16",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
+    "@types/croppie": "^2.6.1",
+    "@types/google.maps": "^3.51.1",
+    "@types/humanize-duration": "^3.27.1",
+    "@types/luxon": "^3.2.0",
+    "@types/object-hash": "^2.2.1",
+    "@types/qs": "^6.9.7",
+    "@types/scroll-lock": "^2.1.0",
+    "@types/sortablejs": "^1.15.1",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vueup/vue-quill": "^1.1.0",
+    "@vueuse/core": "^10.0.2",
+    "autoprefixer": "^10.4.13",
+    "axios": "^0.26.1",
+    "babel-loader": "^8.3.0",
+    "croppie": "^2.6.5",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue-scoped-css": "^2.4.0",
+    "flatpickr": "^4.6.13",
+    "humanize-duration": "^3.28.0",
+    "husky": "^8.0.3",
+    "lodash": "^4.17.21",
+    "luxon": "^3.2.1",
+    "maska": "^2.1.6",
+    "microtip": "^0.2.2",
+    "object-hash": "^3.0.0",
+    "object-to-formdata": "^4.4.2",
+    "pinia": "^2.0.30",
+    "postcss": "^8.4.21",
+    "postcss-import": "^15.1.0",
+    "prettier": "^2.8.4",
+    "prettier-plugin-tailwindcss": "^0.2.2",
+    "qs": "^6.11.0",
+    "relative-deps": "^1.0.7",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "scroll-lock": "^2.1.5",
+    "sortablejs": "^1.15.0",
+    "standard-version": "^9.5.0",
+    "storybook": "^6.5.16",
+    "storybook-addon-mock": "^3.2.0",
+    "tailwindcss": "^3.2.6",
+    "typescript": "^4.9.5",
+    "unplugin-auto-import": "^0.12.2",
+    "vite": "^4.1.1",
+    "vitepress": "^0.21.6",
+    "vue": "^3.2.47",
+    "vue-i18n": "^9.2.2",
+    "vue-loader": "^17.0.1",
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.0.24"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "types": "./dist/types/src/index.d.ts",
+  "module": "./dist/sprintify-ui.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/sprintify-ui.es.js"
+    },
+    "./dist/style.css": "./dist/style.css",
+    "./tailwindcss": "./dist/tailwindcss/index.js",
+    "./dist/types/src/types": "./dist/types/src/types/index.ts"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
+  },
+  "relativeDependencies": {}
+}

package/src/assets/form.css

@@ -1,6 +1,6 @@
-/** Placeholder color */
-
-input,
-textarea {
-  @apply placeholder-slate-400;
-}
+/** Placeholder color */
+
+input,
+textarea {
+  @apply placeholder-slate-400;
+}

package/src/assets/main.css

@@ -1,35 +1,35 @@
-@import 'microtip/microtip.css';
-@import './form.css';
-
-[aria-label][role~='tooltip']::after {
-  white-space: pre-line;
-}
-
-.btn-group {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 -0.5rem;
-
-  & > *:not(:first-child) .btn,
-  & > .btn:not(:first-child) {
-    margin-left: -1px;
-  }
-
-  & > *:first-child:not(:last-child) .btn,
-  & > .btn:first-child:not(:last-child) {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  & > *:last-child:not(:first-child) .btn,
-  & > .btn:last-child:not(:first-child) {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-  }
-
-  & > *:not(:first-child):not(:last-child) .btn,
-  & > .btn:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-}
+@import 'microtip/microtip.css';
+@import './form.css';
+
+[aria-label][role~='tooltip']::after {
+  white-space: pre-line;
+}
+
+.btn-group {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 -0.5rem;
+
+  & > *:not(:first-child) .btn,
+  & > .btn:not(:first-child) {
+    margin-left: -1px;
+  }
+
+  & > *:first-child:not(:last-child) .btn,
+  & > .btn:first-child:not(:last-child) {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  & > *:last-child:not(:first-child) .btn,
+  & > .btn:last-child:not(:first-child) {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  & > *:not(:first-child):not(:last-child) .btn,
+  & > .btn:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+}

package/src/assets/tailwind.css

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
+@tailwind base;
+@tailwind components;
 @tailwind utilities;

package/src/components/BaseActionItem.vue

@@ -1,63 +1,63 @@
-<template>
-  <RouterLink
-    v-if="to"
-    v-slot="{ isActive, href: slotHref, navigate }"
-    custom
-    :to="to"
-  >
-    <a
-      :active="isActive"
-      :href="slotHref"
-      :class="props.class"
-      :aria-current="isActive ? 'page' : undefined"
-      @click.prevent="onClick(navigate)"
-    >
-      <slot :active="isActive"> </slot>
-    </a>
-  </RouterLink>
-  <button
-    v-else-if="action"
-    type="button"
-    class="text-left"
-    :class="props.class"
-    @click="onClick(action)"
-  >
-    <slot :active="false"> </slot>
-  </button>
-  <a v-else-if="href" :href="href" :class="props.class" @click="onClick()">
-    <slot :active="false"> </slot>
-  </a>
-</template>
-
-<script lang="ts">
-export default {
-  inheritAttrs: false,
-};
-</script>
-
-<script setup lang="ts">
-import { RouteLocationRaw } from 'vue-router';
-
-const props = defineProps<{
-  to?: RouteLocationRaw;
-  href?: string;
-  action?: (() => Promise<void>) | (() => void);
-  class?: string | string[] | null;
-}>();
-
-const closeMenu = inject('closeMenu', () => {
-  return;
-}) as () => void;
-
-const emit = defineEmits(['click']);
-
-type asyncFunc = () => Promise<void>;
-
-async function onClick(func: asyncFunc | null = null) {
-  if (func) {
-    await func();
-  }
-  emit('click');
-  closeMenu();
-}
-</script>
+<template>
+  <RouterLink
+    v-if="to"
+    v-slot="{ isActive, href: slotHref, navigate }"
+    custom
+    :to="to"
+  >
+    <a
+      :active="isActive"
+      :href="slotHref"
+      :class="props.class"
+      :aria-current="isActive ? 'page' : undefined"
+      @click.prevent="onClick(navigate)"
+    >
+      <slot :active="isActive"> </slot>
+    </a>
+  </RouterLink>
+  <button
+    v-else-if="action"
+    type="button"
+    class="text-left"
+    :class="props.class"
+    @click="onClick(action)"
+  >
+    <slot :active="false"> </slot>
+  </button>
+  <a v-else-if="href" :href="href" :class="props.class" @click="onClick()">
+    <slot :active="false"> </slot>
+  </a>
+</template>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+};
+</script>
+
+<script setup lang="ts">
+import { RouteLocationRaw } from 'vue-router';
+
+const props = defineProps<{
+  to?: RouteLocationRaw;
+  href?: string;
+  action?: (() => Promise<void>) | (() => void);
+  class?: string | string[] | null;
+}>();
+
+const closeMenu = inject('closeMenu', () => {
+  return;
+}) as () => void;
+
+const emit = defineEmits(['click']);
+
+type asyncFunc = () => Promise<void>;
+
+async function onClick(func: asyncFunc | null = null) {
+  if (func) {
+    await func();
+  }
+  emit('click');
+  closeMenu();
+}
+</script>