@kayord/ui 0.19.3 → 0.19.4
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 +3 -0
- package/dist/components/custom/animations/NumberTicker.svelte +28 -0
- package/dist/components/custom/animations/NumberTicker.svelte.d.ts +9 -0
- package/dist/components/custom/animations/index.d.ts +1 -0
- package/dist/components/custom/animations/index.js +1 -0
- package/dist/components/custom/index.d.ts +1 -0
- package/dist/components/custom/index.js +1 -0
- package/package.json +9 -5
package/README.md
CHANGED
|
@@ -19,6 +19,9 @@ Pnpm command to install ui library.
|
|
|
19
19
|
pnpm add -D @kayord/ui
|
|
20
20
|
# install peer dependencies
|
|
21
21
|
pnpm add -D @lucide/svelte zod sveltekit-superforms tailwindcss-animate
|
|
22
|
+
|
|
23
|
+
# include charts
|
|
24
|
+
pnpm add -D layerchart@next d3-scale d3-shape @types/d3-scale @types/d3-shape
|
|
22
25
|
```
|
|
23
26
|
|
|
24
27
|
### Manual Setup New Project
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { cubicOut } from "svelte/easing";
|
|
3
|
+
import { onMount } from "svelte";
|
|
4
|
+
import { Tween } from "svelte/motion";
|
|
5
|
+
import { cn } from "../../../utils";
|
|
6
|
+
|
|
7
|
+
interface Props {
|
|
8
|
+
value: number;
|
|
9
|
+
initial?: number;
|
|
10
|
+
duration?: number;
|
|
11
|
+
class?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
let { value, initial = 0, duration = 2000, class: className, ...restProps }: Props = $props();
|
|
15
|
+
|
|
16
|
+
let num = new Tween(initial, {
|
|
17
|
+
duration: duration,
|
|
18
|
+
easing: cubicOut,
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
onMount(() => {
|
|
22
|
+
num.set(value);
|
|
23
|
+
});
|
|
24
|
+
</script>
|
|
25
|
+
|
|
26
|
+
<div class={cn("inline-block tracking-normal text-black dark:text-white", className)} {...restProps}>
|
|
27
|
+
{num.current.toFixed(0)}
|
|
28
|
+
</div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NumberTicker } from "./NumberTicker.svelte";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NumberTicker } from "./NumberTicker.svelte";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kayord/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.19.
|
|
4
|
+
"version": "0.19.4",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@internationalized/date": "^3.8.1",
|
|
38
|
-
"bits-ui": "1.
|
|
38
|
+
"bits-ui": "1.8.0",
|
|
39
39
|
"clsx": "^2.1.1",
|
|
40
40
|
"embla-carousel-svelte": "8.6.0",
|
|
41
41
|
"formsnap": "2.0.1",
|
|
42
42
|
"mode-watcher": "^1.0.7",
|
|
43
43
|
"paneforge": "1.0.0-next.5",
|
|
44
|
-
"svelte-sonner": "^1.0.
|
|
44
|
+
"svelte-sonner": "^1.0.3",
|
|
45
45
|
"tailwind-merge": "^3.3.0",
|
|
46
46
|
"tailwind-variants": "^1.0.0",
|
|
47
47
|
"vaul-svelte": "1.0.0-next.7"
|
|
@@ -55,8 +55,12 @@
|
|
|
55
55
|
"@tailwindcss/vite": "^4.1.7",
|
|
56
56
|
"@testing-library/jest-dom": "^6.6.3",
|
|
57
57
|
"@testing-library/svelte": "^5.2.8",
|
|
58
|
+
"@types/d3-scale": "^4.0.9",
|
|
59
|
+
"@types/d3-shape": "^3.1.7",
|
|
58
60
|
"@typescript-eslint/eslint-plugin": "^8.32.1",
|
|
59
61
|
"@typescript-eslint/parser": "^8.32.1",
|
|
62
|
+
"d3-scale": "^4.0.2",
|
|
63
|
+
"d3-shape": "^3.2.0",
|
|
60
64
|
"eslint": "^9.27.0",
|
|
61
65
|
"eslint-config-prettier": "^10.1.5",
|
|
62
66
|
"eslint-plugin-svelte": "^3.9.0",
|
|
@@ -66,7 +70,7 @@
|
|
|
66
70
|
"prettier-plugin-svelte": "^3.4.0",
|
|
67
71
|
"prettier-plugin-tailwindcss": "^0.6.11",
|
|
68
72
|
"publint": "^0.3.12",
|
|
69
|
-
"svelte": "5.
|
|
73
|
+
"svelte": "5.33.2",
|
|
70
74
|
"svelte-check": "^4.2.1",
|
|
71
75
|
"tailwindcss": "^4.1.7",
|
|
72
76
|
"tslib": "^2.8.1",
|
|
@@ -74,7 +78,7 @@
|
|
|
74
78
|
"typescript": "^5.8.3",
|
|
75
79
|
"vite": "^6.3.5",
|
|
76
80
|
"vitest": "^3.1.4",
|
|
77
|
-
"zod": "^3.25.
|
|
81
|
+
"zod": "^3.25.28"
|
|
78
82
|
},
|
|
79
83
|
"svelte": "./dist/index.js",
|
|
80
84
|
"types": "./dist/index.d.ts",
|