@nmorph/nmorph-ui-kit 0.0.1

package/dist/types/components/nmorph-link/NmorphLink.vue.d.ts

@@ -0,0 +1,69 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { IconName } from '../nmorph-icon/types';
+import { Color } from '../../types/common.enums';
+declare enum LinkTarget {
+    self = "_self",
+    blank = "_blank",
+    parent = "_parent",
+    top = "_top"
+}
+interface IProps {
+    color?: keyof typeof Color;
+    underline?: boolean;
+    href?: string;
+    text?: string;
+    iconName?: IconName;
+    target?: keyof typeof LinkTarget;
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    color: Color;
+    href: string;
+    underline: boolean;
+    iconName: string;
+    text: string;
+    target: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    color: Color;
+    href: string;
+    underline: boolean;
+    iconName: string;
+    text: string;
+    target: string;
+    disabled: boolean;
+}>>>, {
+    disabled: boolean;
+    text: string;
+    color: "accent" | "success" | "error" | "warning";
+    target: "self" | "blank" | "parent" | "top";
+    underline: boolean;
+    href: string;
+    iconName: IconName;
+}, {}>, {
+    prepend?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/nmorph-overlay/NmorphOverlay.vue.d.ts

@@ -0,0 +1,44 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+interface IProps {
+    show?: boolean;
+    outsideClickEmitEvent?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    show: boolean;
+    outsideClickEmitEvent: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "on-outside-click": () => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    show: boolean;
+    outsideClickEmitEvent: boolean;
+}>>> & {
+    "onOn-outside-click"?: (() => any) | undefined;
+}, {
+    show: boolean;
+    outsideClickEmitEvent: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/nmorph-tag/NmorphTag.vue.d.ts

@@ -0,0 +1,44 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ControlComponentHeight } from '../../types/common.enums';
+interface IProps {
+    value: string;
+    text: string;
+    removable?: boolean;
+    height?: keyof typeof ControlComponentHeight;
+    transparent?: boolean;
+}
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    height: string;
+    removable: boolean;
+    transparent: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (value: string) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    height: string;
+    removable: boolean;
+    transparent: boolean;
+}>>> & {
+    onClose?: ((value: string) => any) | undefined;
+}, {
+    height: "default" | "thick" | "thin";
+    transparent: boolean;
+    removable: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/nmorph-tooltip/NmorphTooltip.vue.d.ts

@@ -0,0 +1,68 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare enum TooltipPosition {
+    left = "left",
+    right = "right",
+    top = "top",
+    bottom = "bottom"
+}
+type Placement = keyof typeof TooltipPosition;
+interface ForceCoordinate {
+    x?: string;
+    y?: string;
+}
+interface IProps {
+    disabled?: boolean;
+    text?: string;
+    position?: Placement;
+    forceShow?: boolean;
+    forceCoordinate?: ForceCoordinate | null;
+    blockPosition?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    disabled: boolean;
+    text: string;
+    position: string;
+    forceShow: boolean;
+    forceCoordinate: null;
+    blockPosition: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    disabled: boolean;
+    text: string;
+    position: string;
+    forceShow: boolean;
+    forceCoordinate: null;
+    blockPosition: boolean;
+}>>>, {
+    disabled: boolean;
+    text: string;
+    forceShow: boolean;
+    forceCoordinate: ForceCoordinate | null;
+    blockPosition: boolean;
+    position: "right" | "left" | "top" | "bottom";
+}, {}>, {
+    default?(_: {}): any;
+    content?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components.d.ts

@@ -0,0 +1,22 @@
+import NmorphTextInput from './components/inputs/nmorph-text-input/NmorphTextInput.vue';
+import NmorphCheckbox from './components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue';
+import NmorphCheckboxGroup from './components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue';
+import NmorphRadioGroup from './components/inputs/radio/nmorph-radio-group/NmorphRadioGroup.vue';
+import NmorphNumberInput from './components/inputs/nmorph-number-input/NmorphNumberInput.vue';
+import NmorphSlider from './components/inputs/nmorph-slider/NmorphSlider.vue';
+import NmorphSwitch from './components/inputs/nmorph-switch/NmorphSwitch.vue';
+import NmorphSelect from './components/inputs/nmorph-select/NmorphSelect.vue';
+import NmorphSelectOption from './components/inputs/nmorph-select-option/NmorphSelectOption.vue';
+import NmorphFileUpload from './components/inputs/nmorph-file-upload/NmorphFileUpload.vue';
+import NmorphIcon from './components/nmorph-icon/NmorphIcon.vue';
+import NmorphButton from './components/nmorph-button/NmorphButton.vue';
+import NmorphCard from './components/nmorph-card/NmorphCard.vue';
+import NmorphLink from './components/nmorph-link/NmorphLink.vue';
+import NmorphErrorBox from './components/nmorph-error-box/NmorphErrorBox.vue';
+import NmorphTooltip from './components/nmorph-tooltip/NmorphTooltip.vue';
+import NmorphTag from './components/nmorph-tag/NmorphTag.vue';
+import NmorphOverlay from './components/nmorph-overlay/NmorphOverlay.vue';
+import NmorphImage from './components/nmorph-image/NmorphImage.vue';
+import NmorphImagePreview from './components/nmorph-image-preview/NmorphImagePreview.vue';
+import NmorphCarousel from './components/nmorph-carousel/NmorphCarousel.vue';
+export { NmorphTextInput, NmorphImage, NmorphIcon, NmorphButton, NmorphCheckbox, NmorphRadioGroup, NmorphCheckboxGroup, NmorphCarousel, NmorphNumberInput, NmorphSwitch, NmorphSelect, NmorphSelectOption, NmorphFileUpload, NmorphCard, NmorphLink, NmorphSlider, NmorphErrorBox, NmorphTooltip, NmorphOverlay, NmorphImagePreview, NmorphTag, };

package/dist/types/histoire.setup.d.ts

@@ -0,0 +1,2 @@
+import { Vue3StorySetupHandler } from '@histoire/plugin-vue';
+export declare const setupVue3: Vue3StorySetupHandler;

package/dist/types/hooks/useValidation.d.ts

@@ -0,0 +1,55 @@
+import { ComputedRef, Ref } from 'vue';
+export declare const enum CheckboxValidationType {
+    'contains-one' = "contains-one",
+    'not-contains' = "not-contains",
+    'full-equal' = "full-equal"
+}
+export declare enum NumberCompareOperator {
+    'eq' = "eq",
+    'gte' = "gte",
+    'lte' = "lte",
+    'gt' = "gt",
+    'lt' = "lt"
+}
+export interface IRule {
+    error: string;
+}
+export interface ICheckboxGroupValidationRule extends IRule {
+    checkboxCompareType: keyof typeof CheckboxValidationType;
+    value: string[];
+}
+export interface ITextValidationRule extends IRule {
+    pattern: RegExp;
+}
+export interface INumberValidationRule extends IRule {
+    operator: keyof typeof NumberCompareOperator;
+    value: number;
+}
+export interface IRadioGroupValidationRule extends IRule {
+    radioCompareType: 'equal' | 'not-equal';
+    value: string;
+}
+interface IUseTextValidationPayload {
+    inputValue: Ref<string>;
+    rules: ITextValidationRule[];
+}
+interface IUseNumberValidationPayload {
+    inputValue: Ref<number>;
+    rules: INumberValidationRule[];
+}
+interface IUseCheckboxGroupValidationPayload {
+    inputValue: Ref<string[]>;
+    rules: ICheckboxGroupValidationRule[];
+}
+interface IUseRadioGroupValidationPayload {
+    inputValue: Ref<string>;
+    rules: IRadioGroupValidationRule[];
+}
+type IUseValidationPayload = IUseTextValidationPayload | IUseNumberValidationPayload | IUseCheckboxGroupValidationPayload | IUseRadioGroupValidationPayload;
+export declare const useValidation: ({ inputValue, rules }: IUseValidationPayload) => {
+    touched: Ref<boolean>;
+    showValidation: ComputedRef<boolean>;
+    valid: ComputedRef<boolean>;
+    errors: Ref<string[]>;
+};
+export {};

package/dist/types/main.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+declare const library: {
+    install(Vue: App): void;
+};
+export * from './components';
+export * from './utils';
+export default library;

package/dist/types/plugins/i18n.d.ts

@@ -0,0 +1,2 @@
+import { I18n } from 'vue-i18n';
+export declare const i18n: I18n<{}, {}, {}, string, false>;

package/dist/types/types/common.enums.d.ts

@@ -0,0 +1,46 @@
+export declare enum ControlComponentHeight {
+    thick = "thick",
+    default = "default",
+    thin = "thin"
+}
+export declare enum ComponentDirection {
+    row = "row",
+    column = "column"
+}
+export interface CommonInputProps {
+    height?: keyof typeof ControlComponentHeight;
+    fill?: boolean;
+    disabled?: boolean;
+}
+export declare enum ShadowType {
+    inset = "inset",
+    outset = "outset",
+    combined = "combined"
+}
+export declare enum Color {
+    accent = "accent",
+    success = "success",
+    error = "error",
+    warning = "warning"
+}
+export declare enum NmorphIconList {
+    'eye' = "eye",
+    'eye-blocked' = "eye-blocked",
+    'success' = "success",
+    'error' = "error",
+    'plus' = "plus",
+    'minus' = "minus",
+    'loader' = "loader",
+    'chevron-down' = "chevron-down",
+    'audio' = "audio",
+    'archive' = "archive",
+    'video' = "video",
+    'image' = "image",
+    'doc' = "doc",
+    'enlarge' = "enlarge",
+    'shrink' = "shrink",
+    'rotate-right' = "rotate-right",
+    'rotate-left' = "rotate-left",
+    'zoom-in' = "zoom-in",
+    'zoom-out' = "zoom-out"
+}

package/dist/types/utils/create-modifiers.d.ts

@@ -0,0 +1 @@
+export declare const createModifiers: (block: string, modifiers: string[]) => string;

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

@@ -0,0 +1 @@
+export * from './create-modifiers';

package/package.json

@@ -0,0 +1,121 @@
+{
+  "name": "@nmorph/nmorph-ui-kit",
+  "type": "module",
+  "private": false,
+  "version": "0.0.1",
+  "license": "MIT",
+  "engines": {
+    "node": "18.13.0",
+    "npm": "8.19.3"
+  },
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "style": "./dist/style.css",
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "tsconfig.base.json",
+    ".eslintrc.base.cjs",
+    ".stylelintrc.base.cjs",
+    ".prettierrc.base.cjs"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.es.js"
+      },
+      "require": "./dist/index.umd.js"
+    },
+    "./dist/index.d.ts": "./dist/index.d.ts",
+    "./dist/style.css": "./dist/style.css",
+    "./dist/styles/abstracts/_variables.scss": "./dist/styles/abstracts/_variables.scss",
+    "./dist/styles/abstracts/_mixins.scss": "./dist/styles/abstracts/_mixins.scss",
+    "./dist/styles/abstracts/_functions.scss": "./dist/styles/abstracts/_functions.scss",
+    "./dist/styles/main.scss": "./dist/styles/main.scss"
+  },
+  "scripts": {
+    "build": "vue-tsc && vite build",
+    "lint:es:check": "eslint --ext .js,.ts,.vue --ignore-path .gitignore src/",
+    "lint:es": "eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/",
+    "lint:style:check": "stylelint ./src/**/*.{scss,vue}",
+    "lint:style": "stylelint ./src/**/*.{scss,vue} --fix",
+    "lint:check": "npm run lint:es:check && npm run lint:style:check",
+    "lint": "npm run lint:es && npm run lint:style",
+    "dev:type": "vue-tsc -p ./tsconfig.vue.json",
+    "prepare": "cd .. && husky install ./library/.husky",
+    "validate-branch-name": "node .husky/validate-branch-name.cjs",
+    "validate-commit-msg": "node .husky/validate-commit-msg.cjs",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "test:dev": "npx vitest"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "@faker-js/faker": "^8.3.1",
+    "@types/vue-router": "^2.0.0",
+    "element-plus": "^2.5.0",
+    "libphonenumber-js": "^1.10.53",
+    "lodash": "^4.17.21",
+    "maska": "^2.1.11",
+    "maz-ui": "^3.31.5",
+    "normalize.css": "^8.0.1",
+    "pinia": "^2.1.7",
+    "uuid": "^9.0.1",
+    "vue": "^3.4.7",
+    "vue-i18n": "^9.9.0",
+    "vue-template-es2015-compiler": "^1.9.1",
+    "vuescroll": "^5.1.1"
+  },
+  "devDependencies": {
+    "@histoire/plugin-vue": "^0.17.6",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20.10.8",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@typescript-eslint/parser": "^6.18.1",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@vue/test-utils": "^2.4.3",
+    "ajv": "^8.12.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-vue": "^9.19.2",
+    "happy-dom": "^13.1.0",
+    "histoire": "^0.17.6",
+    "husky": "^8.0.3",
+    "js-cookie": "^3.0.5",
+    "mitt": "^3.0.1",
+    "prettier": "^3.1.1",
+    "sass": "^1.69.7",
+    "stylelint": "^16.1.0",
+    "stylelint-config-idiomatic-order": "^10.0.0",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-recommended-scss": "^14.0.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint-order": "^6.0.4",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-scss": "^6.0.0",
+    "typescript": "^5.3.3",
+    "vite": "^4.5.0",
+    "vite-plugin-dts": "^3.7.0",
+    "vite-plugin-static-copy": "^0.17.1",
+    "vite-svg-loader": "^5.1.0",
+    "vitest": "^1.2.0",
+    "vue-eslint-parser": "^9.4.0",
+    "vue-final-modal": "^4.5.3",
+    "vue-tsc": "^1.8.27"
+  },
+  "peerDependencies": {
+    "ajv": "^8.12.0",
+    "js-cookie": "^3.0.5",
+    "vue-final-modal": "^4.4.5"
+  }
+}