@kayord/ui 0.14.16 → 0.15.0

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
@@ -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
@@ -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
 
@@ -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
  }
@@ -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>;
@@ -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
 
@@ -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> {
@@ -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> {
@@ -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
 
@@ -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 {
@@ -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/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.0",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -27,10 +27,10 @@
27
27
  ],
28
28
  "peerDependencies": {
29
29
  "@tanstack/table-core": "^8.20.5",
30
- "lucide-svelte": ">= 0.400.0 < 1.0.0",
31
30
  "svelte": "^5.0.0",
32
31
  "sveltekit-superforms": "^2.20.0",
33
- "zod": "^3.23.8"
32
+ "zod": "^3.23.8",
33
+ "@lucide/svelte": ">= 0.482.0 < 1.0.0"
34
34
  },
35
35
  "dependencies": {
36
36
  "@internationalized/date": "^3.7.0",
@@ -60,7 +60,6 @@
60
60
  "eslint-config-prettier": "^10.1.1",
61
61
  "eslint-plugin-svelte": "^3.1.0",
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",