@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 CHANGED
@@ -2,6 +2,12 @@
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
+
5
11
  ## Installing
6
12
 
7
13
  Pnpm command to install ui library.
@@ -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>
@@ -0,0 +1,2 @@
1
+ export type { FormOptions } from "formsnap";
2
+ export { getForm, getFormSchema, getFormControl } from "formsnap";
package/dist/extra.js ADDED
@@ -0,0 +1 @@
1
+ export { getForm, getFormSchema, getFormControl } from "formsnap";
package/dist/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export * from "./utils.js";
2
2
  export * from "./components/ui/index.js";
3
3
  export * from "./components/custom/index.js";
4
4
  export * from "./external.js";
5
+ export * from "./extra.js";
package/dist/index.js CHANGED
@@ -6,3 +6,5 @@ export * from "./components/ui/index.js";
6
6
  export * from "./components/custom/index.js";
7
7
  // External components
8
8
  export * from "./external.js";
9
+ // Extra exports required
10
+ export * from "./extra.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "0.0.22",
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.292.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.12.0",
41
- "@typescript-eslint/parser": "^6.12.0",
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.1",
52
+ "svelte-check": "^3.6.2",
53
53
  "tailwindcss": "^3.3.5",
54
54
  "tslib": "^2.6.2",
55
55
  "typescript": "^5.3.2",