@kayord/ui 0.13.4 → 0.13.8

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.
Files changed (14) hide show
  1. package/README.md +5 -5
  2. package/dist/components/ui/badge/badge.svelte +1 -1
  3. package/dist/components/ui/button/button.svelte +2 -2
  4. package/dist/components/ui/command/command-input.svelte +1 -1
  5. package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +2 -2
  6. package/dist/components/ui/hover-card/hover-card-content.svelte.d.ts +1 -1
  7. package/dist/components/ui/input/input.svelte +1 -1
  8. package/dist/components/ui/menubar/menubar-content.svelte.d.ts +2 -2
  9. package/dist/components/ui/popover/popover-content.svelte.d.ts +1 -1
  10. package/dist/components/ui/range-calendar/range-calendar-day.svelte.d.ts +1 -1
  11. package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts +1 -1
  12. package/dist/components/ui/textarea/textarea.svelte +1 -1
  13. package/dist/components/ui/toggle/toggle.svelte +1 -1
  14. package/package.json +17 -17
package/README.md CHANGED
@@ -16,10 +16,9 @@ Pnpm command to install ui library.
16
16
 
17
17
  ```bash
18
18
  # create a new project in the current directory
19
- pnpm add -D @kayord/ui
20
- pnpm add -D @kayord/tw-plugin
19
+ pnpm add -D @kayord/ui @kayord/tw-plugin
21
20
  # install peer dependencies
22
- pnpm add -D lucide-svelte zod sveltekit-superforms
21
+ pnpm add -D lucide-svelte zod sveltekit-superforms tailwindcss-animate
23
22
  ```
24
23
 
25
24
  ### Manual Setup New Project
@@ -48,8 +47,9 @@ module.exports = {
48
47
  // tailwind.config.ts
49
48
 
50
49
  import type { Config } from "tailwindcss";
51
- import { fontFamily } from "tailwindcss/defaultTheme";
52
50
  import { kayordPlugin } from "@kayord/tw-plugin";
51
+ import { fontFamily } from "tailwindcss/defaultTheme";
52
+ import tailwindcssAnimate from "tailwindcss-animate";
53
53
 
54
54
  export default {
55
55
  darkMode: ["class"],
@@ -61,6 +61,6 @@ export default {
61
61
  },
62
62
  },
63
63
  },
64
- plugins: [kayordPlugin],
64
+ plugins: [kayordPlugin, tailwindcssAnimate],
65
65
  } satisfies Config;
66
66
  ```
package/dist/components/ui/badge/badge.svelte CHANGED
@@ -40,7 +40,7 @@
40
40
  this={href ? "a" : "span"}
41
41
  bind:this={ref}
42
42
  {href}
43
- class={cn(badgeVariants({ variant, className }))}
43
+ class={cn(badgeVariants({ variant }), className)}
44
44
  {...restProps}
45
45
  >
46
46
  {@render children?.()}
package/dist/components/ui/button/button.svelte CHANGED
@@ -53,11 +53,11 @@
53
53
  </script>
54
54
 
55
55
  {#if href}
56
- <a bind:this={ref} class={cn(buttonVariants({ variant, size, className }))} {href} {...restProps}>
56
+ <a bind:this={ref} class={cn(buttonVariants({ variant, size }), className)} {href} {...restProps}>
57
57
  {@render children?.()}
58
58
  </a>
59
59
  {:else}
60
- <button bind:this={ref} class={cn(buttonVariants({ variant, size, className }))} {type} {...restProps}>
60
+ <button bind:this={ref} class={cn(buttonVariants({ variant, size }), className)} {type} {...restProps}>
61
61
  {@render children?.()}
62
62
  </button>
63
63
  {/if}
package/dist/components/ui/command/command-input.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  <Search class="mr-2 size-4 shrink-0 opacity-50" />
16
16
  <CommandPrimitive.Input
17
17
  class={cn(
18
- "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
18
+ "flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
19
19
  className
20
20
  )}
21
21
  bind:ref
package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts CHANGED
@@ -26,7 +26,7 @@ declare const DropdownMenuContent: import("svelte").Component<{
26
26
  updatePositionStrategy?: "optimized" | "always" | undefined;
27
27
  strategy?: "absolute" | "fixed" | undefined | undefined;
28
28
  customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
29
- child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
29
+ child?: import("svelte").Snippet<[import("bits-ui").FloatingContentSnippetProps & {
30
30
  props: Record<string, unknown>;
31
31
  }]> | undefined;
32
32
  children?: import("svelte").Snippet | undefined;
@@ -59,7 +59,7 @@ declare const DropdownMenuContent: import("svelte").Component<{
59
59
  updatePositionStrategy?: "optimized" | "always" | undefined;
60
60
  strategy?: "absolute" | "fixed" | undefined | undefined;
61
61
  customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
62
- child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
62
+ child?: import("svelte").Snippet<[import("bits-ui").FloatingContentSnippetProps & {
63
63
  props: Record<string, unknown>;
64
64
  }]> | undefined;
65
65
  children?: import("svelte").Snippet | undefined;
package/dist/components/ui/hover-card/hover-card-content.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { LinkPreview as HoverCardPrimitive } from "bits-ui";
2
2
  declare const HoverCardContent: import("svelte").Component<Omit<Pick<import("bits-ui/dist/bits/utilities/floating-layer/types").FloatingLayerContentProps, "dir" | "align" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "sticky" | "hideWhenDetached"> & Omit<import("bits-ui/dist/bits/utilities/dismissible-layer/types").DismissibleLayerProps, "onInteractOutsideStart"> & import("bits-ui/dist/bits/utilities/escape-layer/types").EscapeLayerProps & {
3
3
  forceMount?: boolean;
4
4
  }, "child" | "children"> & {
5
- child?: import("svelte").Snippet<[import("bits-ui").LinkPreviewContentSnippetProps & {
5
+ child?: import("svelte").Snippet<[import("bits-ui").FloatingContentSnippetProps & {
6
6
  props: Record<string, unknown>;
7
7
  }]> | undefined;
8
8
  children?: import("svelte").Snippet;
package/dist/components/ui/input/input.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  <input
15
15
  bind:this={ref}
16
16
  class={cn(
17
- "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
17
+ "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
18
18
  className
19
19
  )}
20
20
  bind:value
package/dist/components/ui/menubar/menubar-content.svelte.d.ts CHANGED
@@ -26,7 +26,7 @@ declare const MenubarContent: import("svelte").Component<{
26
26
  updatePositionStrategy?: "optimized" | "always" | undefined;
27
27
  strategy?: "absolute" | "fixed" | undefined | undefined;
28
28
  customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
29
- child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
29
+ child?: import("svelte").Snippet<[import("bits-ui").FloatingContentSnippetProps & {
30
30
  props: Record<string, unknown>;
31
31
  }]> | undefined;
32
32
  children?: import("svelte").Snippet | undefined;
@@ -59,7 +59,7 @@ declare const MenubarContent: import("svelte").Component<{
59
59
  updatePositionStrategy?: "optimized" | "always" | undefined;
60
60
  strategy?: "absolute" | "fixed" | undefined | undefined;
61
61
  customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
62
- child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
62
+ child?: import("svelte").Snippet<[import("bits-ui").FloatingContentSnippetProps & {
63
63
  props: Record<string, unknown>;
64
64
  }]> | undefined;
65
65
  children?: import("svelte").Snippet | undefined;
package/dist/components/ui/popover/popover-content.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Popover as PopoverPrimitive } from "bits-ui";
2
2
  declare const PopoverContent: import("svelte").Component<Omit<Omit<import("bits-ui/dist/bits/utilities/popper-layer/types").PopperLayerProps, "loop" | "content">, "child" | "children"> & {
3
- child?: import("svelte").Snippet<[import("bits-ui").PopoverContentSnippetProps & {
3
+ child?: import("svelte").Snippet<[import("bits-ui").FloatingContentSnippetProps & {
4
4
  props: Record<string, unknown>;
5
5
  }]> | undefined;
6
6
  children?: import("svelte").Snippet;
package/dist/components/ui/range-calendar/range-calendar-day.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
2
2
  declare const RangeCalendarDay: import("svelte").Component<RangeCalendarPrimitive.DayProps, {
3
- class: string | null | undefined;
3
+ class: string | import("clsx").ClassArray | import("clsx").ClassDictionary | null | undefined;
4
4
  }, "ref">;
5
5
  type RangeCalendarDay = ReturnType<typeof RangeCalendarDay>;
6
6
  export default RangeCalendarDay;
package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Dialog as SheetPrimitive } from "bits-ui";
2
2
  declare const SheetOverlay: import("svelte").Component<SheetPrimitive.OverlayProps, {
3
- class: string | null | undefined;
3
+ class: string | import("clsx").ClassArray | import("clsx").ClassDictionary | null | undefined;
4
4
  }, "ref">;
5
5
  type SheetOverlay = ReturnType<typeof SheetOverlay>;
6
6
  export default SheetOverlay;
package/dist/components/ui/textarea/textarea.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  <textarea
15
15
  bind:this={ref}
16
16
  class={cn(
17
- "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
17
+ "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
18
18
  className
19
19
  )}
20
20
  bind:value
package/dist/components/ui/toggle/toggle.svelte CHANGED
@@ -42,4 +42,4 @@
42
42
  } = $props();
43
43
  </script>
44
44
 
45
- <TogglePrimitive.Root bind:ref bind:pressed class={cn(toggleVariants({ variant, size, className }))} {...restProps} />
45
+ <TogglePrimitive.Root bind:ref bind:pressed class={cn(toggleVariants({ variant, size }), className)} {...restProps} />
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "0.13.4",
4
+ "version": "0.13.8",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -34,53 +34,53 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@internationalized/date": "^3.6.0",
37
- "bits-ui": "1.0.0-next.65",
37
+ "bits-ui": "1.0.0-next.74",
38
38
  "clsx": "^2.1.1",
39
39
  "embla-carousel-svelte": "8.5.1",
40
- "formsnap": "2.0.0-next.1",
40
+ "formsnap": "2.0.0",
41
41
  "mode-watcher": "^0.5.0",
42
- "paneforge": "1.0.0-next.1",
42
+ "paneforge": "1.0.0-next.2",
43
43
  "svelte-sonner": "^0.3.28",
44
- "tailwind-merge": "^2.5.5",
44
+ "tailwind-merge": "^2.6.0",
45
45
  "tailwind-variants": "^0.3.0",
46
46
  "vaul-svelte": "1.0.0-next.3"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@kayord/tw-plugin": "^1.0.3",
50
50
  "@sveltejs/adapter-auto": "^3.3.1",
51
- "@sveltejs/kit": "^2.9.0",
51
+ "@sveltejs/kit": "^2.15.1",
52
52
  "@sveltejs/package": "^2.3.7",
53
- "@sveltejs/vite-plugin-svelte": "^5.0.1",
53
+ "@sveltejs/vite-plugin-svelte": "^5.0.3",
54
54
  "@testing-library/jest-dom": "^6.6.3",
55
55
  "@testing-library/svelte": "^5.2.6",
56
- "@typescript-eslint/eslint-plugin": "^8.17.0",
57
- "@typescript-eslint/parser": "^8.17.0",
56
+ "@typescript-eslint/eslint-plugin": "^8.18.2",
57
+ "@typescript-eslint/parser": "^8.18.2",
58
58
  "autoprefixer": "^10.4.20",
59
- "eslint": "^9.16.0",
59
+ "eslint": "^9.17.0",
60
60
  "eslint-config-prettier": "^9.1.0",
61
61
  "eslint-plugin-svelte": "^2.46.1",
62
- "happy-dom": "^15.11.7",
63
- "lucide-svelte": "^0.464.0",
62
+ "happy-dom": "^16.0.1",
63
+ "lucide-svelte": "^0.469.0",
64
64
  "postcss": "^8.4.49",
65
65
  "prettier": "^3.4.2",
66
66
  "prettier-plugin-svelte": "^3.3.2",
67
67
  "prettier-plugin-tailwindcss": "^0.6.9",
68
68
  "publint": "^0.2.12",
69
- "svelte": "^5.5.3",
69
+ "svelte": "^5.16.0",
70
70
  "svelte-check": "^4.1.1",
71
- "tailwindcss": "^3.4.16",
71
+ "tailwindcss": "^3.4.17",
72
72
  "tailwindcss-animate": "^1.0.7",
73
73
  "tslib": "^2.8.1",
74
74
  "typescript": "^5.7.2",
75
- "vite": "^6.0.2",
75
+ "vite": "^6.0.6",
76
76
  "vitest": "^2.1.8",
77
- "zod": "^3.23.8"
77
+ "zod": "^3.24.1"
78
78
  },
79
79
  "svelte": "./dist/index.js",
80
80
  "types": "./dist/index.d.ts",
81
81
  "main": "./dist/index.js",
82
82
  "type": "module",
83
- "packageManager": "pnpm@9.14.2+sha512.6e2baf77d06b9362294152c851c4f278ede37ab1eba3a55fda317a4a17b209f4dbb973fb250a77abc463a341fcb1f17f17cfa24091c4eb319cda0d9b84278387",
83
+ "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c",
84
84
  "scripts": {
85
85
  "dev": "vite dev",
86
86
  "build": "vite build && npm run package",