@kayord/ui 0.0.22 → 0.0.23
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 +6 -0
- package/dist/components/ui/index.d.ts +2 -0
- package/dist/components/ui/index.js +2 -0
- package/dist/components/ui/toggle-group/index.d.ts +8 -0
- package/dist/components/ui/toggle-group/index.js +12 -0
- package/dist/components/ui/toggle-group/toggle-group-item.svelte +25 -0
- package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts +22 -0
- package/dist/components/ui/toggle-group/toggle-group.svelte +23 -0
- package/dist/extra.d.ts +2 -0
- package/dist/extra.js +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -30,3 +30,5 @@ export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.js";
|
|
|
30
30
|
export { Textarea, type TextareaEvents } from "./textarea/index.js";
|
|
31
31
|
export { Toggle } from "./toggle/index.js";
|
|
32
32
|
export { Tooltip } from "./tooltip/index.js";
|
|
33
|
+
export { ToggleGroup, ToggleGroupItem } from "./toggle-group";
|
|
34
|
+
export * as Command from "./command/index.js";
|
|
@@ -30,3 +30,5 @@ export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.js";
|
|
|
30
30
|
export { Textarea } from "./textarea/index.js";
|
|
31
31
|
export { Toggle } from "./toggle/index.js";
|
|
32
32
|
export { Tooltip } from "./tooltip/index.js";
|
|
33
|
+
export { ToggleGroup, ToggleGroupItem } from "./toggle-group";
|
|
34
|
+
export * as Command from "./command/index.js";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { VariantProps } from "tailwind-variants";
|
|
2
|
+
import type { toggleVariants } from "../toggle";
|
|
3
|
+
import Root from "./toggle-group.svelte";
|
|
4
|
+
import Item from "./toggle-group-item.svelte";
|
|
5
|
+
export type ToggleVariants = VariantProps<typeof toggleVariants>;
|
|
6
|
+
export declare function setToggleGroupCtx(props: ToggleVariants): void;
|
|
7
|
+
export declare function getToggleGroupCtx(): ToggleVariants;
|
|
8
|
+
export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { getContext, setContext } from "svelte";
|
|
2
|
+
import Root from "./toggle-group.svelte";
|
|
3
|
+
import Item from "./toggle-group-item.svelte";
|
|
4
|
+
export function setToggleGroupCtx(props) {
|
|
5
|
+
setContext("toggleGroup", props);
|
|
6
|
+
}
|
|
7
|
+
export function getToggleGroupCtx() {
|
|
8
|
+
return getContext("toggleGroup");
|
|
9
|
+
}
|
|
10
|
+
export { Root, Item,
|
|
11
|
+
//
|
|
12
|
+
Root as ToggleGroup, Item as ToggleGroupItem };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils";
|
|
3
|
+
import { getToggleGroupCtx } from ".";
|
|
4
|
+
import { toggleVariants } from "../toggle";
|
|
5
|
+
let className = void 0;
|
|
6
|
+
export { className as class };
|
|
7
|
+
export let variant = "default";
|
|
8
|
+
export let size = "default";
|
|
9
|
+
export let value;
|
|
10
|
+
const ctx = getToggleGroupCtx();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<ToggleGroupPrimitive.Item
|
|
14
|
+
class={cn(
|
|
15
|
+
toggleVariants({
|
|
16
|
+
variant: ctx.variant || variant,
|
|
17
|
+
size: ctx.size || size
|
|
18
|
+
}),
|
|
19
|
+
className
|
|
20
|
+
)}
|
|
21
|
+
{value}
|
|
22
|
+
{...$$restProps}
|
|
23
|
+
>
|
|
24
|
+
<slot />
|
|
25
|
+
</ToggleGroupPrimitive.Item>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { type ToggleVariants } from ".";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
} & {
|
|
8
|
+
asChild?: boolean | undefined;
|
|
9
|
+
} & import("svelte/elements").HTMLButtonAttributes & ToggleVariants;
|
|
10
|
+
events: {
|
|
11
|
+
[evt: string]: CustomEvent<any>;
|
|
12
|
+
};
|
|
13
|
+
slots: {
|
|
14
|
+
default: {};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export type ToggleGroupItemProps = typeof __propDef.props;
|
|
18
|
+
export type ToggleGroupItemEvents = typeof __propDef.events;
|
|
19
|
+
export type ToggleGroupItemSlots = typeof __propDef.slots;
|
|
20
|
+
export default class ToggleGroupItem extends SvelteComponent<ToggleGroupItemProps, ToggleGroupItemEvents, ToggleGroupItemSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
|
|
2
|
+
import { setToggleGroupCtx } from ".";
|
|
3
|
+
import { cn } from "../../../utils";
|
|
4
|
+
let className = void 0;
|
|
5
|
+
export { className as class };
|
|
6
|
+
export let variant = "default";
|
|
7
|
+
export let size = "default";
|
|
8
|
+
export let value = void 0;
|
|
9
|
+
setToggleGroupCtx({
|
|
10
|
+
variant,
|
|
11
|
+
size
|
|
12
|
+
});
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<ToggleGroupPrimitive.Root
|
|
16
|
+
class={cn("flex items-center justify-center gap-1", className)}
|
|
17
|
+
bind:value
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
let:builder
|
|
20
|
+
let:attrs
|
|
21
|
+
>
|
|
22
|
+
<slot {builder} {attrs} />
|
|
23
|
+
</ToggleGroupPrimitive.Root>
|
package/dist/extra.d.ts
ADDED
package/dist/extra.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getForm, getFormSchema, getFormControl } from "formsnap";
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kayord/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.23",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"clsx": "^2.0.0",
|
|
26
26
|
"cmdk-sv": "^0.0.12",
|
|
27
27
|
"formsnap": "^0.4.1",
|
|
28
|
-
"lucide-svelte": "^0.
|
|
28
|
+
"lucide-svelte": "^0.293.0",
|
|
29
29
|
"mode-watcher": "^0.1.1",
|
|
30
30
|
"sveltekit-superforms": "^1.10.2",
|
|
31
31
|
"tailwind-merge": "^2.0.0",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"@sveltejs/adapter-auto": "^2.1.1",
|
|
38
38
|
"@sveltejs/kit": "^1.27.6",
|
|
39
39
|
"@sveltejs/package": "^2.2.3",
|
|
40
|
-
"@typescript-eslint/eslint-plugin": "^6.
|
|
41
|
-
"@typescript-eslint/parser": "^6.
|
|
40
|
+
"@typescript-eslint/eslint-plugin": "^6.13.0",
|
|
41
|
+
"@typescript-eslint/parser": "^6.13.0",
|
|
42
42
|
"autoprefixer": "^10.4.16",
|
|
43
43
|
"eslint": "^8.54.0",
|
|
44
44
|
"eslint-config-prettier": "^9.0.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"prettier-plugin-svelte": "^3.1.2",
|
|
50
50
|
"publint": "^0.2.5",
|
|
51
51
|
"svelte": "^4.2.7",
|
|
52
|
-
"svelte-check": "^3.6.
|
|
52
|
+
"svelte-check": "^3.6.2",
|
|
53
53
|
"tailwindcss": "^3.3.5",
|
|
54
54
|
"tslib": "^2.6.2",
|
|
55
55
|
"typescript": "^5.3.2",
|