kosui 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export * from "./popover";
 export * from "./portal";
 export * from "./progress";
 export * from "./shortcut";
+export * from "./skeleton";
 export * from "./textarea";
 export * from "./toggle";
 export * from "./tooltip";

package/dist/index.js

@@ -32,6 +32,7 @@ export * from "./popover";
 export * from "./portal";
 export * from "./progress";
 export * from "./shortcut";
+export * from "./skeleton";
 export * from "./textarea";
 export * from "./toggle";
 export * from "./tooltip";

package/dist/skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton, type SkeletonProps } from "./skeleton.svelte";

package/dist/skeleton/index.js

@@ -0,0 +1 @@
+export { default as Skeleton } from "./skeleton.svelte";

package/dist/skeleton/skeleton.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import { twMerge } from "tailwind-merge";
+  import { Box, type BoxProps } from "../box";
+
+  export type SkeletonProps = { children?: Snippet } & BoxProps;
+  let {
+    children,
+    class: className,
+    backdrop = true,
+    shape = "rounded",
+    ...restProps
+  }: SkeletonProps = $props();
+</script>
+
+<Box
+  class={twMerge("animate-pulse", className)}
+  {backdrop}
+  {shape}
+  {...restProps}
+>
+  {@render children?.()}
+</Box>

package/dist/skeleton/skeleton.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+import { type BoxProps } from "../box";
+export type SkeletonProps = {
+    children?: Snippet;
+} & BoxProps;
+declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kosui",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -22,14 +22,17 @@
       "svelte": "./dist/index.js"
     }
   },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.2",
+    "@lucide/svelte": "^0.526.0",
+    "marked": "^16.1.1"
+  },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.18.0",
-    "@floating-ui/dom": "^1.7.2",
-    "@lucide/svelte": "^0.526.0",
     "@playwright/test": "^1.49.1",
     "@sveltejs/adapter-auto": "^6.0.0",
     "@sveltejs/kit": "^2.22.0",
@@ -60,9 +63,6 @@
   "keywords": [
     "svelte"
   ],
-  "dependencies": {
-    "marked": "^16.1.1"
-  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm prepack",