@kayord/ui 1.0.15 → 1.1.1

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 (9) hide show
  1. package/dist/components/custom/light-switch.svelte/LightSwitch.svelte +3 -3
  2. package/dist/components/custom/theme-selector/ThemeSelector.svelte +3 -3
  3. package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +1 -1
  4. package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts +1 -1
  5. package/dist/components/ui/sidebar/sidebar.svelte +1 -1
  6. package/dist/components/ui/table/table-cell.svelte +1 -1
  7. package/dist/components/ui/table/table-head.svelte +1 -1
  8. package/dist/components/ui/table/table-row.svelte +4 -1
  9. package/package.json +20 -19
package/dist/components/custom/light-switch.svelte/LightSwitch.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { Sun, Moon } from "@lucide/svelte";
2
+ import { SunIcon, MoonIcon } from "@lucide/svelte";
3
3
  import { toggleMode } from "mode-watcher";
4
4
  import { Button } from "../../ui/button/index.js";
5
5
 
@@ -11,7 +11,7 @@
11
11
  </script>
12
12
 
13
13
  <Button onclick={toggleMode} {variant} size="icon">
14
- <Sun class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
15
- <Moon class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
14
+ <SunIcon class="scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90" />
15
+ <MoonIcon class="absolute scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0" />
16
16
  <span class="sr-only">Toggle theme</span>
17
17
  </Button>
package/dist/components/custom/theme-selector/ThemeSelector.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { Sun, Moon } from "@lucide/svelte";
2
+ import { SunIcon, MoonIcon } from "@lucide/svelte";
3
3
  import { resetMode, setMode } from "mode-watcher";
4
4
  import * as DropdownMenu from "../../ui/dropdown-menu/index.js";
5
5
  import { buttonVariants } from "../../ui/button/index.js";
@@ -13,8 +13,8 @@
13
13
 
14
14
  <DropdownMenu.Root>
15
15
  <DropdownMenu.Trigger class={buttonVariants({ variant, size: "icon" })}>
16
- <Sun class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
17
- <Moon class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
16
+ <SunIcon class="scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90" />
17
+ <MoonIcon class="absolute scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0" />
18
18
  <span class="sr-only">Toggle theme</span>
19
19
  </DropdownMenu.Trigger>
20
20
  <DropdownMenu.Content align="end">
package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  data-slot="dropdown-menu-content"
20
20
  {sideOffset}
21
21
  class={cn(
22
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
22
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md outline-none",
23
23
  className
24
24
  )}
25
25
  {...restProps}
package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ declare const SidebarInput: import("svelte").Component<(Omit<import("svelte/elem
2
2
  type: "file";
3
3
  files?: FileList;
4
4
  } | {
5
- type?: "number" | "hidden" | "color" | "search" | "button" | "checkbox" | "radio" | (string & {}) | "text" | "tel" | "url" | "email" | "date" | "time" | "submit" | "reset" | "month" | "datetime-local" | "image" | "password" | "range" | "week";
5
+ type?: "number" | "hidden" | "color" | "search" | "button" | "checkbox" | "radio" | (string & {}) | "text" | "tel" | "url" | "email" | "date" | "time" | "submit" | "reset" | "month" | "week" | "datetime-local" | "image" | "password" | "range";
6
6
  files?: undefined;
7
7
  })) & {
8
8
  ref?: HTMLElement | null | undefined;
package/dist/components/ui/sidebar/sidebar.svelte CHANGED
@@ -67,7 +67,7 @@
67
67
  "group-data-[collapsible=offcanvas]:w-0",
68
68
  "group-data-[side=right]:rotate-180",
69
69
  variant === "floating" || variant === "inset"
70
- ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
70
+ ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
71
71
  : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
72
72
  )}
73
73
  ></div>
package/dist/components/ui/table/table-cell.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  <td
9
9
  bind:this={ref}
10
10
  data-slot="table-cell"
11
- class={cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)}
11
+ class={cn("bg-clip-padding p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)}
12
12
  {...restProps}
13
13
  >
14
14
  {@render children?.()}
package/dist/components/ui/table/table-head.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  bind:this={ref}
10
10
  data-slot="table-head"
11
11
  class={cn(
12
- "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
12
+ "text-foreground h-10 bg-clip-padding px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
13
13
  className
14
14
  )}
15
15
  {...restProps}
package/dist/components/ui/table/table-row.svelte CHANGED
@@ -13,7 +13,10 @@
13
13
  <tr
14
14
  bind:this={ref}
15
15
  data-slot="table-row"
16
- class={cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)}
16
+ class={cn(
17
+ "hover:[&,&>svelte-css-wrapper]:[&>th,td]:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
18
+ className
19
+ )}
17
20
  {...restProps}
18
21
  >
19
22
  {@render children?.()}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "1.0.15",
4
+ "version": "1.1.1",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -28,14 +28,14 @@
28
28
  "peerDependencies": {
29
29
  "@lucide/svelte": ">= 0.482.0 < 1.0.0",
30
30
  "@tanstack/table-core": "^8.20.5",
31
- "layerchart": "2.0.0-next.6",
31
+ "layerchart": "^2.0.0-next.6",
32
32
  "svelte": "^5.0.0",
33
- "sveltekit-superforms": "^2.20.0",
34
- "zod": "^3.23.8"
33
+ "sveltekit-superforms": "^2.27.1",
34
+ "zod": "^4.0.5"
35
35
  },
36
36
  "dependencies": {
37
37
  "@internationalized/date": "^3.8.2",
38
- "bits-ui": "2.8.10",
38
+ "bits-ui": "2.8.11",
39
39
  "clsx": "^2.1.1",
40
40
  "embla-carousel-svelte": "8.6.0",
41
41
  "formsnap": "2.0.1",
@@ -49,37 +49,38 @@
49
49
  "devDependencies": {
50
50
  "@lucide/svelte": "^0.525.0",
51
51
  "@sveltejs/adapter-auto": "^6.0.1",
52
- "@sveltejs/kit": "^2.22.2",
53
- "@sveltejs/package": "^2.3.12",
54
- "@sveltejs/vite-plugin-svelte": "^5.1.0",
52
+ "@sveltejs/kit": "^2.25.1",
53
+ "@sveltejs/package": "^2.4.0",
54
+ "@sveltejs/vite-plugin-svelte": "^6.1.0",
55
55
  "@tailwindcss/vite": "^4.1.11",
56
56
  "@testing-library/jest-dom": "^6.6.3",
57
57
  "@testing-library/svelte": "^5.2.8",
58
58
  "@testing-library/user-event": "^14.6.1",
59
59
  "@types/d3-scale": "^4.0.9",
60
60
  "@types/d3-shape": "^3.1.7",
61
- "@typescript-eslint/eslint-plugin": "^8.35.1",
62
- "@typescript-eslint/parser": "^8.35.1",
61
+ "@typescript-eslint/eslint-plugin": "^8.37.0",
62
+ "@typescript-eslint/parser": "^8.37.0",
63
63
  "d3-scale": "^4.0.2",
64
64
  "d3-shape": "^3.2.0",
65
- "eslint": "^9.30.1",
65
+ "eslint": "^9.31.0",
66
66
  "eslint-config-prettier": "^10.1.5",
67
- "eslint-plugin-svelte": "^3.10.1",
67
+ "eslint-plugin-svelte": "^3.11.0",
68
68
  "happy-dom": "^18.0.1",
69
- "layerchart": "2.0.0-next.6",
69
+ "layerchart": "2.0.0-next.30",
70
70
  "prettier": "^3.6.2",
71
71
  "prettier-plugin-svelte": "^3.4.0",
72
- "prettier-plugin-tailwindcss": "^0.6.13",
72
+ "prettier-plugin-tailwindcss": "^0.6.14",
73
73
  "publint": "^0.3.12",
74
- "svelte": "5.35.1",
75
- "svelte-check": "^4.2.2",
74
+ "svelte": "5.36.7",
75
+ "svelte-check": "^4.3.0",
76
+ "sveltekit-superforms": "^2.27.1",
76
77
  "tailwindcss": "^4.1.11",
77
78
  "tslib": "^2.8.1",
78
- "tw-animate-css": "1.3.4",
79
+ "tw-animate-css": "1.3.5",
79
80
  "typescript": "^5.8.3",
80
- "vite": "^7.0.1",
81
+ "vite": "^7.0.5",
81
82
  "vitest": "^3.2.4",
82
- "zod": "^3.25.71"
83
+ "zod": "^4.0.5"
83
84
  },
84
85
  "svelte": "./dist/index.js",
85
86
  "types": "./dist/index.d.ts",