@kayord/ui 0.14.16 → 0.15.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 (16) hide show
  1. package/README.md +1 -1
  2. package/dist/components/custom/combobox/Combobox.svelte +1 -1
  3. package/dist/components/custom/data-table/DataTableActions.svelte +1 -1
  4. package/dist/components/custom/data-table/DataTableHeader.svelte +1 -1
  5. package/dist/components/custom/data-table/FullscreenModeToggle.svelte +1 -1
  6. package/dist/components/custom/data-table/Pagination.svelte +4 -4
  7. package/dist/components/custom/data-table/VisibilitySelect.svelte +1 -1
  8. package/dist/components/custom/loader/Loader.svelte +3 -3
  9. package/dist/components/custom/loader/Loader.svelte.d.ts +2 -2
  10. package/dist/components/custom/theme-switch/ThemeSwitch.svelte +2 -2
  11. package/dist/components/ui/calendar/calendar.svelte +4 -4
  12. package/dist/components/ui/form/form-field-errors.svelte +1 -1
  13. package/dist/components/ui/range-calendar/range-calendar.svelte +4 -4
  14. package/dist/components/ui/slider/slider.svelte +1 -1
  15. package/dist/components/ui/sonner/sonner.svelte +1 -1
  16. package/package.json +8 -9
package/README.md CHANGED
@@ -18,7 +18,7 @@ Pnpm command to install ui library.
18
18
  # create a new project in the current directory
19
19
  pnpm add -D @kayord/ui
20
20
  # install peer dependencies
21
- pnpm add -D lucide-svelte zod sveltekit-superforms tailwindcss-animate
21
+ pnpm add -D @lucide/svelte zod sveltekit-superforms tailwindcss-animate
22
22
  ```
23
23
 
24
24
  ### Manual Setup New Project
package/dist/components/custom/combobox/Combobox.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
2
  import { buttonVariants, Command, Popover } from "../../..";
3
3
  import { cn } from "../../../utils";
4
- import { CheckIcon, ChevronsUpDown } from "lucide-svelte";
4
+ import { CheckIcon, ChevronsUpDown } from "@lucide/svelte";
5
5
  import { tick } from "svelte";
6
6
  import Loader from "../loader/Loader.svelte";
7
7
 
package/dist/components/custom/data-table/DataTableActions.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
2
  import * as DropdownMenu from "../../ui/dropdown-menu";
3
3
  import { Button } from "../../ui/button";
4
- import MoreHorizontalIcon from "lucide-svelte/icons/ellipsis";
4
+ import MoreHorizontalIcon from "@lucide/svelte/icons/ellipsis";
5
5
  interface Props {
6
6
  id: string;
7
7
  }
package/dist/components/custom/data-table/DataTableHeader.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts" generics="T">
2
2
  import { FlexRender, Table } from "../../..";
3
3
  import { type Header, type Table as TypeType } from "@tanstack/table-core";
4
- import { ArrowUpDownIcon, ArrowDownIcon, ArrowUpIcon, XIcon, FilterIcon } from "lucide-svelte";
4
+ import { ArrowUpDownIcon, ArrowDownIcon, ArrowUpIcon, XIcon, FilterIcon } from "@lucide/svelte";
5
5
 
6
6
  interface Props<T> {
7
7
  header: Header<T, unknown>;
package/dist/components/custom/data-table/FullscreenModeToggle.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import Button from "../../ui/button/button.svelte";
3
- import { Maximize, Minimize } from "lucide-svelte";
3
+ import { Maximize, Minimize } from "@lucide/svelte";
4
4
  import { tableStore } from "./table.svelte";
5
5
  </script>
6
6
 
package/dist/components/custom/data-table/Pagination.svelte CHANGED
@@ -1,9 +1,9 @@
1
1
  <script lang="ts" generics="T">
2
2
  import type { Table } from "@tanstack/table-core";
3
- import ChevronLeft from "lucide-svelte/icons/chevron-left";
4
- import ChevronRight from "lucide-svelte/icons/chevron-right";
5
- import DoubleArrowLeft from "lucide-svelte/icons/arrow-left";
6
- import DoubleArrowRight from "lucide-svelte/icons/arrow-right";
3
+ import ChevronLeft from "@lucide/svelte/icons/chevron-left";
4
+ import ChevronRight from "@lucide/svelte/icons/chevron-right";
5
+ import DoubleArrowLeft from "@lucide/svelte/icons/arrow-left";
6
+ import DoubleArrowRight from "@lucide/svelte/icons/arrow-right";
7
7
  import { Select, Button } from "../../..";
8
8
 
9
9
  interface Props<T> {
package/dist/components/custom/data-table/VisibilitySelect.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts" generics="T">
2
2
  import * as DropdownMenu from "../../ui/dropdown-menu";
3
3
  import { Button } from "../../ui/button";
4
- import { Settings2Icon } from "lucide-svelte";
4
+ import { Settings2Icon } from "@lucide/svelte";
5
5
  import type { Table } from "@tanstack/table-core";
6
6
 
7
7
  interface Props<T> {
package/dist/components/custom/loader/Loader.svelte CHANGED
@@ -1,11 +1,11 @@
1
1
  <script lang="ts">
2
2
  import type { ComponentProps } from "svelte";
3
3
  import { cn } from "../../../utils";
4
- import { type Icon } from "lucide-svelte";
5
- import LoaderCircleIcon from "lucide-svelte/icons/loader-circle";
4
+ import { type Icon } from "@lucide/svelte";
5
+ import LoaderCircleIcon from "@lucide/svelte/icons/loader-circle";
6
6
  import { scale } from "svelte/transition";
7
7
 
8
- interface LoaderIconProps extends Omit<ComponentProps<Icon>, "iconNode"> {
8
+ interface LoaderIconProps extends Omit<ComponentProps<typeof Icon>, "iconNode"> {
9
9
  isLoading?: boolean;
10
10
  }
11
11
 
package/dist/components/custom/loader/Loader.svelte.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ComponentProps } from "svelte";
2
- import { type Icon } from "lucide-svelte";
3
- interface LoaderIconProps extends Omit<ComponentProps<Icon>, "iconNode"> {
2
+ import { type Icon } from "@lucide/svelte";
3
+ interface LoaderIconProps extends Omit<ComponentProps<typeof Icon>, "iconNode"> {
4
4
  isLoading?: boolean;
5
5
  }
6
6
  interface Props {
package/dist/components/custom/theme-switch/ThemeSwitch.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
2
  import { toggleMode, mode } from "mode-watcher";
3
- import Moon from "lucide-svelte/icons/moon";
4
- import Sun from "lucide-svelte/icons/sun";
3
+ import Moon from "@lucide/svelte/icons/moon";
4
+ import Sun from "@lucide/svelte/icons/sun";
5
5
  import { cn } from "../../../utils";
6
6
 
7
7
  interface Props {
package/dist/components/ui/calendar/calendar.svelte CHANGED
@@ -32,11 +32,11 @@ get along, so we shut typescript up by casting `value` to `never`.
32
32
  <Calendar.NextButton />
33
33
  </Calendar.Header>
34
34
  <Calendar.Months>
35
- {#each months as month}
35
+ {#each months as month (month)}
36
36
  <Calendar.Grid>
37
37
  <Calendar.GridHead>
38
38
  <Calendar.GridRow class="flex">
39
- {#each weekdays as weekday}
39
+ {#each weekdays as weekday (weekday)}
40
40
  <Calendar.HeadCell>
41
41
  {weekday.slice(0, 2)}
42
42
  </Calendar.HeadCell>
@@ -44,9 +44,9 @@ get along, so we shut typescript up by casting `value` to `never`.
44
44
  </Calendar.GridRow>
45
45
  </Calendar.GridHead>
46
46
  <Calendar.GridBody>
47
- {#each month.weeks as weekDates}
47
+ {#each month.weeks as weekDates (weekDates)}
48
48
  <Calendar.GridRow class="mt-2 w-full">
49
- {#each weekDates as date}
49
+ {#each weekDates as date (date)}
50
50
  <Calendar.Cell {date} month={month.value}>
51
51
  <Calendar.Day />
52
52
  </Calendar.Cell>
package/dist/components/ui/form/form-field-errors.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  {#if childrenProp}
20
20
  {@render childrenProp({ errors, errorProps })}
21
21
  {:else}
22
- {#each errors as error}
22
+ {#each errors as error (error)}
23
23
  <div {...errorProps} class={cn(errorClasses)}>{error}</div>
24
24
  {/each}
25
25
  {/if}
package/dist/components/ui/range-calendar/range-calendar.svelte CHANGED
@@ -28,11 +28,11 @@
28
28
  <RangeCalendar.NextButton />
29
29
  </RangeCalendar.Header>
30
30
  <RangeCalendar.Months>
31
- {#each months as month}
31
+ {#each months as month (month)}
32
32
  <RangeCalendar.Grid>
33
33
  <RangeCalendar.GridHead>
34
34
  <RangeCalendar.GridRow class="flex">
35
- {#each weekdays as weekday}
35
+ {#each weekdays as weekday (weekday)}
36
36
  <RangeCalendar.HeadCell>
37
37
  {weekday.slice(0, 2)}
38
38
  </RangeCalendar.HeadCell>
@@ -40,9 +40,9 @@
40
40
  </RangeCalendar.GridRow>
41
41
  </RangeCalendar.GridHead>
42
42
  <RangeCalendar.GridBody>
43
- {#each month.weeks as weekDates}
43
+ {#each month.weeks as weekDates (weekDates)}
44
44
  <RangeCalendar.GridRow class="mt-2 w-full">
45
- {#each weekDates as date}
45
+ {#each weekDates as date (date)}
46
46
  <RangeCalendar.Cell {date} month={month.value}>
47
47
  <RangeCalendar.Day />
48
48
  </RangeCalendar.Cell>
package/dist/components/ui/slider/slider.svelte CHANGED
@@ -34,7 +34,7 @@ get along, so we shut typescript up by casting `value` to `never`.
34
34
  class="bg-primary absolute data-[orientation='horizontal']:h-full data-[orientation='vertical']:w-full"
35
35
  />
36
36
  </span>
37
- {#each thumbs as thumb}
37
+ {#each thumbs as thumb (thumb)}
38
38
  <SliderPrimitive.Thumb
39
39
  index={thumb}
40
40
  class="border-primary bg-background ring-offset-background focus-visible:ring-ring block size-5 rounded-full border-2 transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
package/dist/components/ui/sonner/sonner.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  import { Toaster as Sonner, type ToasterProps as SonnerProps } from "svelte-sonner";
3
3
  import { mode } from "mode-watcher";
4
4
 
5
- let restProps: SonnerProps = $props();
5
+ let { ...restProps }: SonnerProps = $props();
6
6
  </script>
7
7
 
8
8
  <Sonner
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "0.14.16",
4
+ "version": "0.15.1",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -26,15 +26,15 @@
26
26
  "!dist/**/*.spec.*"
27
27
  ],
28
28
  "peerDependencies": {
29
+ "@lucide/svelte": ">= 0.482.0 < 1.0.0",
29
30
  "@tanstack/table-core": "^8.20.5",
30
- "lucide-svelte": ">= 0.400.0 < 1.0.0",
31
31
  "svelte": "^5.0.0",
32
32
  "sveltekit-superforms": "^2.20.0",
33
33
  "zod": "^3.23.8"
34
34
  },
35
35
  "dependencies": {
36
36
  "@internationalized/date": "^3.7.0",
37
- "bits-ui": "1.3.12",
37
+ "bits-ui": "1.3.13",
38
38
  "clsx": "^2.1.1",
39
39
  "embla-carousel-svelte": "8.5.2",
40
40
  "formsnap": "2.0.0",
@@ -48,7 +48,7 @@
48
48
  "devDependencies": {
49
49
  "@lucide/svelte": "^0.482.0",
50
50
  "@sveltejs/adapter-auto": "^4.0.0",
51
- "@sveltejs/kit": "^2.19.1",
51
+ "@sveltejs/kit": "^2.20.0",
52
52
  "@sveltejs/package": "^2.3.10",
53
53
  "@sveltejs/vite-plugin-svelte": "^5.0.3",
54
54
  "@tailwindcss/vite": "^4.0.14",
@@ -58,21 +58,20 @@
58
58
  "@typescript-eslint/parser": "^8.26.1",
59
59
  "eslint": "^9.22.0",
60
60
  "eslint-config-prettier": "^10.1.1",
61
- "eslint-plugin-svelte": "^3.1.0",
61
+ "eslint-plugin-svelte": "^3.3.1",
62
62
  "happy-dom": "^17.4.4",
63
- "lucide-svelte": "^0.482.0",
64
63
  "prettier": "^3.5.3",
65
64
  "prettier-plugin-svelte": "^3.3.3",
66
65
  "prettier-plugin-tailwindcss": "^0.6.11",
67
66
  "publint": "^0.3.9",
68
- "svelte": "^5.23.0",
67
+ "svelte": "^5.23.1",
69
68
  "svelte-check": "^4.1.5",
70
69
  "tailwindcss": "^4.0.14",
71
70
  "tslib": "^2.8.1",
72
- "tw-animate-css": "^1.2.0",
71
+ "tw-animate-css": "^1.2.2",
73
72
  "typescript": "^5.8.2",
74
73
  "vite": "^6.2.2",
75
- "vitest": "^3.0.8",
74
+ "vitest": "^3.0.9",
76
75
  "zod": "^3.24.2"
77
76
  },
78
77
  "svelte": "./dist/index.js",