kosui 0.0.7 → 0.0.9

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/textarea/index.d.ts

@@ -0,0 +1 @@
+export { default as Textarea, type TextareaProps } from "./textarea.svelte";

package/dist/textarea/index.js

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

package/dist/textarea/textarea.svelte

@@ -0,0 +1,41 @@
+<script module lang="ts">
+  import { baseClasses, type Variants } from "../base";
+  import { noop, type ClassName, type ElementRef } from "../utils";
+  import type { HTMLTextareaAttributes } from "svelte/elements";
+  import { twMerge } from "tailwind-merge";
+
+  export type TextareaProps = ElementRef &
+    ClassName &
+    Variants &
+    HTMLTextareaAttributes;
+</script>
+
+<script lang="ts">
+  let {
+    value = $bindable(),
+    el = $bindable(),
+    ref = noop,
+    class: className,
+    variant = "outlined",
+    color = "secondary",
+    shape = "rounded",
+    ...restProps
+  }: TextareaProps = $props();
+</script>
+
+<textarea
+  bind:this={el}
+  use:ref
+  bind:value
+  class={twMerge(
+    "bg-m3-surface-container",
+    baseClasses({ variant, color, shape, hover: true, focus: true }),
+
+    (variant === "outlined" || variant === "plain") &&
+      "hover:bg-m3-surface-container-low focus-visible:bg-m3-surface-container-low",
+
+    "px-3 py-2",
+    className,
+  )}
+  {...restProps}
+></textarea>

package/dist/textarea/textarea.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type Variants } from "../base";
+import { type ClassName, type ElementRef } from "../utils";
+import type { HTMLTextareaAttributes } from "svelte/elements";
+export type TextareaProps = ElementRef & ClassName & Variants & HTMLTextareaAttributes;
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "el" | "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kosui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -43,7 +43,6 @@
     "eslint-plugin-svelte": "^3.0.0",
     "globals": "^16.0.0",
     "jsdom": "^26.1.0",
-    "marked": "^16.1.1",
     "postcss": "^8.5.6",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.3",
@@ -61,6 +60,9 @@
   "keywords": [
     "svelte"
   ],
+  "dependencies": {
+    "marked": "^16.1.1"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm prepack",