tokenizer-ui-kit 0.1.10 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -0
- package/dist/tokenizer-ui-kit.es.js +4702 -3842
- package/dist/tokenizer-ui-kit.umd.js +2 -2
- package/dist/types/components/AdaptiveTabs/AdaptiveTabs.vue.d.ts +35 -0
- package/dist/types/components/AdaptiveTabs/AdaptiveTabs.vue.d.ts.map +1 -0
- package/dist/types/components/AdaptiveTabs/types.d.ts +11 -0
- package/dist/types/components/AdaptiveTabs/types.d.ts.map +1 -0
- package/dist/types/components/Toast/Toast.vue.d.ts +30 -0
- package/dist/types/components/Toast/Toast.vue.d.ts.map +1 -0
- package/dist/types/components/Toast/types.d.ts +19 -0
- package/dist/types/components/Toast/types.d.ts.map +1 -0
- package/dist/types/components/ToastsContainer/ToastsContainer.vue.d.ts +3 -0
- package/dist/types/components/ToastsContainer/ToastsContainer.vue.d.ts.map +1 -0
- package/dist/types/components/ToastsContainer/composables.d.ts +26 -0
- package/dist/types/components/ToastsContainer/composables.d.ts.map +1 -0
- package/dist/types/components/datePicker/DatePicker.vue.d.ts +31 -0
- package/dist/types/components/datePicker/DatePicker.vue.d.ts.map +1 -0
- package/dist/types/components/datePicker/formatSelectedRange.d.ts +2 -0
- package/dist/types/components/datePicker/formatSelectedRange.d.ts.map +1 -0
- package/dist/types/components/ui/CButton/CButton.vue.d.ts +23 -0
- package/dist/types/components/ui/CButton/CButton.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CButton/types.d.ts +24 -0
- package/dist/types/components/ui/CButton/types.d.ts.map +1 -0
- package/dist/types/components/ui/CDataPlaceholder/CDataPlaceholder.vue.d.ts +24 -0
- package/dist/types/components/ui/CDataPlaceholder/CDataPlaceholder.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CIconButton/CIconButton.vue.d.ts +23 -0
- package/dist/types/components/ui/CIconButton/CIconButton.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CIconButton/types.d.ts +5 -0
- package/dist/types/components/ui/CIconButton/types.d.ts.map +1 -0
- package/dist/types/components/ui/CInput/CInput.vue.d.ts +33 -0
- package/dist/types/components/ui/CInput/CInput.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CInput/types.d.ts +10 -0
- package/dist/types/components/ui/CInput/types.d.ts.map +1 -0
- package/dist/types/components/ui/CLabel/CLabel.vue.d.ts +19 -0
- package/dist/types/components/ui/CLabel/CLabel.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CLabel/types.d.ts +5 -0
- package/dist/types/components/ui/CLabel/types.d.ts.map +1 -0
- package/dist/types/components/ui/CPasswordInput/CPasswordInput.vue.d.ts +34 -0
- package/dist/types/components/ui/CPasswordInput/CPasswordInput.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CSearchInput/CSearchInput.vue.d.ts +33 -0
- package/dist/types/components/ui/CSearchInput/CSearchInput.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CTextarea/CTextarea.vue.d.ts +30 -0
- package/dist/types/components/ui/CTextarea/CTextarea.vue.d.ts.map +1 -0
- package/dist/types/components/ui/CTextarea/types.d.ts +10 -0
- package/dist/types/components/ui/CTextarea/types.d.ts.map +1 -0
- package/dist/types/components/ui/CircularLoader/CircularLoader.vue.d.ts +3 -0
- package/dist/types/components/ui/CircularLoader/CircularLoader.vue.d.ts.map +1 -0
- package/dist/types/icons/SvgIcon.vue.d.ts +8 -0
- package/dist/types/icons/SvgIcon.vue.d.ts.map +1 -0
- package/dist/types/icons/calendar-default.vue.d.ts +3 -0
- package/dist/types/icons/calendar-default.vue.d.ts.map +1 -0
- package/dist/types/icons/calendar-white.vue.d.ts +3 -0
- package/dist/types/icons/calendar-white.vue.d.ts.map +1 -0
- package/dist/types/icons/clock-white.vue.d.ts +3 -0
- package/dist/types/icons/clock-white.vue.d.ts.map +1 -0
- package/dist/types/icons/dots.vue.d.ts +3 -0
- package/dist/types/icons/dots.vue.d.ts.map +1 -0
- package/dist/types/icons/eye-slash.vue.d.ts +3 -0
- package/dist/types/icons/eye-slash.vue.d.ts.map +1 -0
- package/dist/types/icons/eye.vue.d.ts +3 -0
- package/dist/types/icons/eye.vue.d.ts.map +1 -0
- package/dist/types/icons/search.vue.d.ts +3 -0
- package/dist/types/icons/search.vue.d.ts.map +1 -0
- package/dist/types/icons/types.d.ts +3 -0
- package/dist/types/icons/types.d.ts.map +1 -0
- package/dist/types/icons/x-mark.vue.d.ts +3 -0
- package/dist/types/icons/x-mark.vue.d.ts.map +1 -0
- package/dist/types/index.d.ts +24 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/utils/useBemClasses.d.ts +57 -0
- package/dist/types/utils/useBemClasses.d.ts.map +1 -0
- package/package.json +10 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eye-slash.vue.d.ts","sourceRoot":"","sources":["../../../src/lib/icons/eye-slash.vue"],"names":[],"mappings":";AAiDA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=eye.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eye.vue.d.ts","sourceRoot":"","sources":["../../../src/lib/icons/eye.vue"],"names":[],"mappings":";AAyDA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=search.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.vue.d.ts","sourceRoot":"","sources":["../../../src/lib/icons/search.vue"],"names":[],"mappings":";AAiDA,wBAKG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/icons/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,gHAAiH,CAAA;AAEvI,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=x-mark.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-mark.vue.d.ts","sourceRoot":"","sources":["../../../src/lib/icons/x-mark.vue"],"names":[],"mappings":";AAiDA,wBAKG"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export { default as AdaptiveTabs } from "./components/AdaptiveTabs/AdaptiveTabs.vue";
|
|
2
|
+
export { default as DatePicker } from "./components/datePicker/DatePicker.vue";
|
|
3
|
+
export { default as CButton } from "./components/ui/CButton/CButton.vue";
|
|
4
|
+
export { default as CIconButton } from "./components/ui/CIconButton/CIconButton.vue";
|
|
5
|
+
export { default as CircularLoader } from "./components/ui/CircularLoader/CircularLoader.vue";
|
|
6
|
+
export { default as CInput } from "./components/ui/CInput/CInput.vue";
|
|
7
|
+
export { default as CPasswordInput } from "./components/ui/CPasswordInput/CPasswordInput.vue";
|
|
8
|
+
export { default as CSearchInput } from "./components/ui/CSearchInput/CSearchInput.vue";
|
|
9
|
+
export { default as CTextarea } from "./components/ui/CTextarea/CTextarea.vue";
|
|
10
|
+
export { default as CDataPlaceholder } from "./components/ui/CDataPlaceholder/CDataPlaceholder.vue";
|
|
11
|
+
export { default as CLabel } from "./components/ui/CLabel/CLabel.vue";
|
|
12
|
+
export { default as Toast } from "./components/Toast/Toast.vue";
|
|
13
|
+
export { default as ToastsContainer } from "./components/ToastsContainer/ToastsContainer.vue";
|
|
14
|
+
export { useToasts } from "./components/ToastsContainer/composables";
|
|
15
|
+
export { formatSelectedRange } from "./components/datePicker/formatSelectedRange";
|
|
16
|
+
export type { ButtonVariant, ButtonSize, } from "./components/ui/CButton/types";
|
|
17
|
+
export type { IconButtonVariant, } from "./components/ui/CIconButton/types";
|
|
18
|
+
export type { IInputProps, TInputTypes, } from "./components/ui/CInput/types";
|
|
19
|
+
export type { ITextareaProps, } from "./components/ui/CTextarea/types";
|
|
20
|
+
export type { LabelVariant, } from "./components/ui/CLabel/types";
|
|
21
|
+
export type { Tab, AdaptiveTabsProps, } from "./components/AdaptiveTabs/types";
|
|
22
|
+
export type { ToastType, ToastProps, ToastLoader, ToastIcon, } from "./components/Toast/types";
|
|
23
|
+
export type { AddToast, Toast as ToastItem, } from "./components/ToastsContainer/composables";
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAG9F,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAGlF,YAAY,EACV,aAAa,EACb,UAAU,GACX,MAAM,+BAA+B,CAAC;AAEvC,YAAY,EACV,iBAAiB,GAClB,MAAM,mCAAmC,CAAC;AAE3C,YAAY,EACV,WAAW,EACX,WAAW,GACZ,MAAM,8BAA8B,CAAC;AAEtC,YAAY,EACV,cAAc,GACf,MAAM,iCAAiC,CAAC;AAEzC,YAAY,EACV,YAAY,GACb,MAAM,8BAA8B,CAAC;AAEtC,YAAY,EACV,GAAG,EACH,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AAEzC,YAAY,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,GACV,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,QAAQ,EACR,KAAK,IAAI,SAAS,GACnB,MAAM,0CAA0C,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { type ComputedRef } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Type for class values (string, array, object, or undefined/null)
|
|
4
|
+
*/
|
|
5
|
+
export type ClassValue = string | string[] | Record<string, boolean> | undefined | null;
|
|
6
|
+
/**
|
|
7
|
+
* Options for BEM class generation
|
|
8
|
+
*/
|
|
9
|
+
export interface BemClassesOptions {
|
|
10
|
+
/**
|
|
11
|
+
* Base BEM block class (e.g., 'ui-kit-button')
|
|
12
|
+
*/
|
|
13
|
+
base: string;
|
|
14
|
+
/**
|
|
15
|
+
* Object with modifier conditions.
|
|
16
|
+
* Key is the modifier name (without base class prefix),
|
|
17
|
+
* value is the condition (boolean, string, number, or function that returns boolean).
|
|
18
|
+
* If value is truthy string/number, it will be used as modifier value.
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* { 'disabled': true, 'focused': isFocused.value, 'variant': 'success' }
|
|
22
|
+
*/
|
|
23
|
+
modifiers?: Record<string, boolean | string | number | (() => boolean | string | number)>;
|
|
24
|
+
/**
|
|
25
|
+
* Additional classes to add (string or array)
|
|
26
|
+
*/
|
|
27
|
+
extra?: ClassValue;
|
|
28
|
+
/**
|
|
29
|
+
* Attrs object from useAttrs() to extract class from
|
|
30
|
+
*/
|
|
31
|
+
attrs?: {
|
|
32
|
+
class?: ClassValue;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Composable for generating BEM classes with modifiers
|
|
37
|
+
*
|
|
38
|
+
* @example
|
|
39
|
+
* ```ts
|
|
40
|
+
* const buttonClasses = useBemClasses({
|
|
41
|
+
* base: 'ui-kit-button',
|
|
42
|
+
* modifiers: {
|
|
43
|
+
* [`${variant}`]: true, // Always add variant modifier
|
|
44
|
+
* 'disabled': props.disabled,
|
|
45
|
+
* 'focused': isFocused.value,
|
|
46
|
+
* },
|
|
47
|
+
* attrs,
|
|
48
|
+
* })
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
export declare function useBemClasses(options: BemClassesOptions): ComputedRef<string>;
|
|
52
|
+
/**
|
|
53
|
+
* Helper function for creating BEM classes without computed
|
|
54
|
+
* Useful for non-reactive class generation
|
|
55
|
+
*/
|
|
56
|
+
export declare function createBemClasses(options: BemClassesOptions): string;
|
|
57
|
+
//# sourceMappingURL=useBemClasses.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBemClasses.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/useBemClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAEhD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,IAAI,CAAA;AAEvF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,UAAU,CAAA;KAAE,CAAA;CAC/B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC,CA0C7E;AA0BD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAwCnE"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
7
7
|
"author": "TochJob",
|
|
8
8
|
"license": "ISC",
|
|
9
|
-
"version": "0.1
|
|
9
|
+
"version": "0.2.1",
|
|
10
10
|
"type": "module",
|
|
11
11
|
"repository": {
|
|
12
12
|
"type": "git",
|
|
@@ -30,13 +30,17 @@
|
|
|
30
30
|
"import": "./dist/tokenizer-ui-kit.es.js",
|
|
31
31
|
"require": "./dist/tokenizer-ui-kit.umd.js"
|
|
32
32
|
},
|
|
33
|
-
"./style": "./dist/tokenizer-ui-kit.css"
|
|
33
|
+
"./style": "./dist/tokenizer-ui-kit.css",
|
|
34
|
+
"./variables": "./dist/tokenizer-ui-kit.css"
|
|
34
35
|
},
|
|
36
|
+
"files": [
|
|
37
|
+
"dist"
|
|
38
|
+
],
|
|
35
39
|
"scripts": {
|
|
36
40
|
"dev": "vite",
|
|
37
41
|
"preview": "vite preview",
|
|
38
|
-
"build-only": "vite build && tsc -p tsconfig.build.json",
|
|
39
|
-
"build": "vite build && tsc -p tsconfig.build.json",
|
|
42
|
+
"build-only": "vite build && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json",
|
|
43
|
+
"build": "vite build && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json",
|
|
40
44
|
"clean": "rm -rf dist",
|
|
41
45
|
"type-check": "vue-tsc --build",
|
|
42
46
|
"lint": "eslint . --fix",
|
|
@@ -51,12 +55,12 @@
|
|
|
51
55
|
},
|
|
52
56
|
"dependencies": {
|
|
53
57
|
"@vuepic/vue-datepicker": "^11.0.2",
|
|
58
|
+
"@vueuse/core": "^11.3.0",
|
|
54
59
|
"date-fns": "^4.1.0",
|
|
55
60
|
"vue": "^3.5.17"
|
|
56
61
|
},
|
|
57
62
|
"devDependencies": {
|
|
58
63
|
"@tailwindcss/vite": "^4.1.11",
|
|
59
|
-
"tailwindcss": "^4.1.11",
|
|
60
64
|
"@tsconfig/node22": "^22.0.2",
|
|
61
65
|
"@types/node": "^22.15.32",
|
|
62
66
|
"@vitejs/plugin-vue": "^6.0.0",
|
|
@@ -70,6 +74,7 @@
|
|
|
70
74
|
"prettier": "3.5.3",
|
|
71
75
|
"sass-embedded": "^1.89.2",
|
|
72
76
|
"standard-version": "^9.5.0",
|
|
77
|
+
"tailwindcss": "^4.1.11",
|
|
73
78
|
"typescript": "~5.8.0",
|
|
74
79
|
"vite": "^7.0.0",
|
|
75
80
|
"vite-plugin-vue-devtools": "^7.7.7",
|