@kayord/ui 2.0.2 → 2.0.3
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
CHANGED
|
@@ -2,14 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
The UI components used to build kayord applications.
|
|
4
4
|
|
|
5
|
-
## Update
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
npx shadcn-svelte@latest
|
|
9
|
-
|
|
10
|
-
npx shadcn-svelte@latest update -a
|
|
11
|
-
```
|
|
12
|
-
|
|
13
5
|
## Installing
|
|
14
6
|
|
|
15
7
|
Pnpm command to install ui library.
|
|
@@ -17,22 +9,14 @@ Pnpm command to install ui library.
|
|
|
17
9
|
```bash
|
|
18
10
|
# create a new project in the current directory
|
|
19
11
|
pnpm add -D @kayord/ui
|
|
20
|
-
# install
|
|
21
|
-
pnpm add -D @lucide/svelte
|
|
22
|
-
|
|
12
|
+
# install minimal dependencies
|
|
13
|
+
pnpm add -D @lucide/svelte tw-animate-css
|
|
14
|
+
# install other dependencies as required
|
|
15
|
+
pnpm add -D zod sveltekit-superforms
|
|
23
16
|
# include charts
|
|
24
17
|
pnpm add -D layerchart@next d3-scale d3-shape @types/d3-scale @types/d3-shape
|
|
25
18
|
```
|
|
26
19
|
|
|
27
|
-
### Manual Setup New Project
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
# Setup new sveltekit project
|
|
31
|
-
npm create svelte@latest my-app
|
|
32
|
-
npx svelte-add@latest tailwindcss
|
|
33
|
-
pnpm i
|
|
34
|
-
```
|
|
35
|
-
|
|
36
20
|
## Peer Dependencies
|
|
37
21
|
|
|
38
22
|
Kayord UI exports components individually. Some components require additional peer dependencies. Install only those needed for the components you use.
|
|
@@ -96,7 +80,8 @@ pnpm add -D svelte-sonner
|
|
|
96
80
|
|
|
97
81
|
```css
|
|
98
82
|
@import "tailwindcss";
|
|
99
|
-
@
|
|
83
|
+
@source "../node_modules/@kayord/ui";
|
|
84
|
+
@import "tw-animate-css";
|
|
100
85
|
|
|
101
86
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
102
87
|
|
|
@@ -264,7 +249,7 @@ pnpm add -D svelte-sonner
|
|
|
264
249
|
|
|
265
250
|
```ts
|
|
266
251
|
// Add to app.d.ts
|
|
267
|
-
import { CustomOptions, CustomColumnMeta } from "@kayord/ui";
|
|
252
|
+
import { CustomOptions, CustomColumnMeta } from "@kayord/ui/data-table";
|
|
268
253
|
|
|
269
254
|
declare module "@tanstack/table-core" {
|
|
270
255
|
interface ColumnMeta<TData extends RowData, TValue> extends CustomColumnMeta {}
|
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { Command as CommandPrimitive } from "bits-ui";
|
|
3
2
|
import { cn } from "../../../utils.js";
|
|
3
|
+
import { Command as CommandPrimitive } from "bits-ui";
|
|
4
|
+
|
|
5
|
+
export type CommandRootApi = CommandPrimitive.Root;
|
|
4
6
|
|
|
5
7
|
let {
|
|
8
|
+
api = $bindable(null),
|
|
6
9
|
ref = $bindable(null),
|
|
7
10
|
value = $bindable(""),
|
|
8
11
|
class: className,
|
|
9
12
|
...restProps
|
|
10
|
-
}: CommandPrimitive.RootProps
|
|
13
|
+
}: CommandPrimitive.RootProps & {
|
|
14
|
+
api?: CommandRootApi | null;
|
|
15
|
+
} = $props();
|
|
11
16
|
</script>
|
|
12
17
|
|
|
13
18
|
<CommandPrimitive.Root
|
|
19
|
+
bind:this={api}
|
|
14
20
|
bind:value
|
|
15
21
|
bind:ref
|
|
16
22
|
data-slot="command"
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { Command as CommandPrimitive } from "bits-ui";
|
|
2
|
-
|
|
2
|
+
export type CommandRootApi = CommandPrimitive.Root;
|
|
3
|
+
type $$ComponentProps = CommandPrimitive.RootProps & {
|
|
4
|
+
api?: CommandRootApi | null;
|
|
5
|
+
};
|
|
6
|
+
declare const Command: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "api">;
|
|
3
7
|
type Command = ReturnType<typeof Command>;
|
|
4
8
|
export default Command;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kayord/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.0.
|
|
4
|
+
"version": "2.0.3",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
}
|
|
102
102
|
},
|
|
103
103
|
"dependencies": {
|
|
104
|
-
"bits-ui": "2.11.
|
|
104
|
+
"bits-ui": "2.11.6",
|
|
105
105
|
"clsx": "^2.1.1",
|
|
106
106
|
"tailwind-merge": "^3.3.1",
|
|
107
107
|
"tailwind-variants": "^3.1.1"
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"@internationalized/date": "^3.10.0",
|
|
111
111
|
"@lucide/svelte": "^0.545.0",
|
|
112
112
|
"@sveltejs/adapter-auto": "^6.1.1",
|
|
113
|
-
"@sveltejs/kit": "^2.
|
|
113
|
+
"@sveltejs/kit": "^2.47.0",
|
|
114
114
|
"@sveltejs/package": "^2.5.4",
|
|
115
115
|
"@sveltejs/vite-plugin-svelte": "^6.2.1",
|
|
116
116
|
"@tailwindcss/vite": "^4.1.14",
|
|
@@ -119,8 +119,8 @@
|
|
|
119
119
|
"@testing-library/user-event": "^14.6.1",
|
|
120
120
|
"@types/d3-scale": "^4.0.9",
|
|
121
121
|
"@types/d3-shape": "^3.1.7",
|
|
122
|
-
"@typescript-eslint/eslint-plugin": "^8.46.
|
|
123
|
-
"@typescript-eslint/parser": "^8.46.
|
|
122
|
+
"@typescript-eslint/eslint-plugin": "^8.46.1",
|
|
123
|
+
"@typescript-eslint/parser": "^8.46.1",
|
|
124
124
|
"@vitest/coverage-v8": "3.2.4",
|
|
125
125
|
"d3-scale": "^4.0.2",
|
|
126
126
|
"d3-shape": "^3.2.0",
|
|
@@ -135,18 +135,18 @@
|
|
|
135
135
|
"paneforge": "^1.0.2",
|
|
136
136
|
"prettier": "^3.6.2",
|
|
137
137
|
"prettier-plugin-svelte": "^3.4.0",
|
|
138
|
-
"prettier-plugin-tailwindcss": "^0.
|
|
138
|
+
"prettier-plugin-tailwindcss": "^0.7.0",
|
|
139
139
|
"publint": "^0.3.14",
|
|
140
|
-
"svelte": "5.
|
|
140
|
+
"svelte": "5.40.1",
|
|
141
141
|
"svelte-check": "^4.3.3",
|
|
142
142
|
"svelte-sonner": "^1.0.5",
|
|
143
|
-
"sveltekit-superforms": "^2.27.
|
|
143
|
+
"sveltekit-superforms": "^2.27.4",
|
|
144
144
|
"tailwindcss": "^4.1.14",
|
|
145
145
|
"tslib": "^2.8.1",
|
|
146
146
|
"tw-animate-css": "1.4.0",
|
|
147
147
|
"typescript": "^5.9.3",
|
|
148
148
|
"vaul-svelte": "1.0.0-next.7",
|
|
149
|
-
"vite": "^7.1.
|
|
149
|
+
"vite": "^7.1.10",
|
|
150
150
|
"vitest": "^3.2.4",
|
|
151
151
|
"zod": "4.1.12"
|
|
152
152
|
},
|