@happyvertical/smrt-ui 0.34.5 → 0.34.7

package/dist/components/chat/__tests__/chat-primitives.test.js

@@ -29,12 +29,32 @@ describe('MessageBubble', () => {
         });
         expect(container.querySelector('time')).toHaveAttribute('datetime', '2026-01-01T10:00:00.000Z');
     });
-    it('is axe-clean', async () => {
+    it('renders a bare bubble (no header/group) from plain content', () => {
+        render(MessageBubble, {
+            props: { content: 'Hello there', variant: 'default', own: false },
+        });
+        expect(screen.getByText('Hello there')).toBeInTheDocument();
+        // A bare bubble adds no labelled landmark — its host row owns the label.
+        expect(screen.queryByRole('group')).toBeNull();
+    });
+    it('renders a legacy card header even without an author', () => {
+        // The legacy card form (role, no styling axes) keeps its header + labelled
+        // group, falling back to the role label.
+        render(MessageBubble, { props: { role: 'agent', children: body('hi') } });
+        expect(screen.getByRole('group', { name: 'Assistant (agent)' })).toBeInTheDocument();
+    });
+    it('is axe-clean as a labelled card', async () => {
         const { container } = render(MessageBubble, {
             props: { role: 'user', author: 'You', children: body('hi') },
         });
         await expectNoA11yViolations(container);
     });
+    it('is axe-clean as an own bare bubble', async () => {
+        const { container } = render(MessageBubble, {
+            props: { content: 'Hi', variant: 'default', own: true },
+        });
+        await expectNoA11yViolations(container);
+    });
 });
 describe('ReactionPicker', () => {
     it('is a labelled group of named emoji buttons', () => {
@@ -48,6 +68,21 @@ describe('ReactionPicker', () => {
         await userEvent.click(screen.getByRole('button', { name: 'Heart' }));
         expect(onpick).toHaveBeenCalledWith('❤️');
     });
+    it('renders nothing when closed', () => {
+        render(ReactionPicker, { props: { isOpen: false } });
+        expect(screen.queryByRole('group')).toBeNull();
+    });
+    it('honors caller-supplied group + per-emoji labels', () => {
+        render(ReactionPicker, {
+            props: {
+                emojis: ['🚀'],
+                label: 'Emoji reactions',
+                emojiLabel: (emoji) => `React with ${emoji}`,
+            },
+        });
+        expect(screen.getByRole('group', { name: 'Emoji reactions' })).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'React with 🚀' })).toBeInTheDocument();
+    });
     it('is axe-clean', async () => {
         const { container } = render(ReactionPicker);
         await expectNoA11yViolations(container);
@@ -58,6 +93,22 @@ describe('TypingIndicator', () => {
         render(TypingIndicator, { props: { name: 'Assistant' } });
         expect(screen.getByRole('status')).toHaveTextContent('Assistant is typing');
     });
+    it('names a single typist from a list', () => {
+        render(TypingIndicator, { props: { names: ['Ada'] } });
+        expect(screen.getByText('Ada is typing')).toBeInTheDocument();
+    });
+    it('names two typists from a list', () => {
+        render(TypingIndicator, { props: { names: ['Ada', 'Bob'] } });
+        expect(screen.getByText('Ada and Bob are typing')).toBeInTheDocument();
+    });
+    it('aggregates three or more typists', () => {
+        render(TypingIndicator, { props: { names: ['Ada', 'Bob', 'Cy'] } });
+        expect(screen.getByText('Ada and 2 others are typing')).toBeInTheDocument();
+    });
+    it('renders nothing when nobody is typing', () => {
+        const { container } = render(TypingIndicator, { props: { names: [] } });
+        expect(container.querySelector('.typing')).toBeNull();
+    });
     it('is axe-clean', async () => {
         const { container } = render(TypingIndicator, {
             props: { name: 'Assistant' },

package/dist/components/forms/Form.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+/**
+ * Form — the Provider-free base `<form>` primitive.
+ *
+ * A thin, dependency-free wrapper around the native `<form>` element so domain
+ * components have a primitive to adopt instead of hand-rolling raw `<form>`
+ * markup (issue #1589). It forwards every native form attribute (including
+ * `onsubmit`) and renders its children — no Provider, no i18n, no spoken-input
+ * logic.
+ *
+ * For the rich, Provider-backed form with field registration and voice input,
+ * use `Form` from `@happyvertical/smrt-svelte/forms` instead. This one is the
+ * leaf-level building block; that one composes app state on top.
+ *
+ * `preventDefault` (default `true`) calls `event.preventDefault()` before
+ * invoking the consumer's `onsubmit`, so a click/Enter submit runs the handler
+ * without a full-page navigation — the near-universal SPA pattern. Pass
+ * `preventDefault={false}` to keep native submission (e.g. a GET/POST `action`).
+ */
+import type { Snippet } from 'svelte';
+import type { HTMLFormAttributes } from 'svelte/elements';
+
+export interface Props extends Omit<HTMLFormAttributes, 'class'> {
+  class?: string;
+  preventDefault?: boolean;
+  children: Snippet;
+}
+
+let {
+  class: className = '',
+  preventDefault = true,
+  onsubmit,
+  children,
+  ...rest
+}: Props = $props();
+
+function handleSubmit(event: SubmitEvent & { currentTarget: HTMLFormElement }) {
+  if (preventDefault) event.preventDefault();
+  onsubmit?.(event);
+}
+</script>
+
+<form class="form {className}" onsubmit={handleSubmit} {...rest}>
+	{@render children()}
+</form>
+
+<!--
+  No base styles: a <form> is `display: block` by default, so an explicit
+  `.form { display: block }` rule would only add a specificity floor that ties
+  with a consumer's single-class layout override (e.g. `:global(.x){display:flex}`)
+  and can win by stylesheet order. The `form` class stays as a stable hook.
+-->
+

package/dist/components/forms/Form.svelte.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Form — the Provider-free base `<form>` primitive.
+ *
+ * A thin, dependency-free wrapper around the native `<form>` element so domain
+ * components have a primitive to adopt instead of hand-rolling raw `<form>`
+ * markup (issue #1589). It forwards every native form attribute (including
+ * `onsubmit`) and renders its children — no Provider, no i18n, no spoken-input
+ * logic.
+ *
+ * For the rich, Provider-backed form with field registration and voice input,
+ * use `Form` from `@happyvertical/smrt-svelte/forms` instead. This one is the
+ * leaf-level building block; that one composes app state on top.
+ *
+ * `preventDefault` (default `true`) calls `event.preventDefault()` before
+ * invoking the consumer's `onsubmit`, so a click/Enter submit runs the handler
+ * without a full-page navigation — the near-universal SPA pattern. Pass
+ * `preventDefault={false}` to keep native submission (e.g. a GET/POST `action`).
+ */
+import type { Snippet } from 'svelte';
+import type { HTMLFormAttributes } from 'svelte/elements';
+export interface Props extends Omit<HTMLFormAttributes, 'class'> {
+    class?: string;
+    preventDefault?: boolean;
+    children: Snippet;
+}
+declare const Form: import("svelte").Component<Props, {}, "">;
+type Form = ReturnType<typeof Form>;
+export default Form;
+//# sourceMappingURL=Form.svelte.d.ts.map

package/dist/components/forms/Form.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CACnB;AA8BD,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/forms/FormGroup.svelte

@@ -0,0 +1,86 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import {
+  type FormGroupContextValue,
+  nextFieldId,
+  setFormGroupContext,
+} from './form-group-context.js';
+
+export interface Props {
+  label: string;
+  id?: string;
+  error?: string;
+  hint?: string;
+  required?: boolean;
+  children: Snippet;
+}
+
+const { label, id, error, hint, required = false, children }: Props = $props();
+
+// Stable id so the label's `for` and the wrapped input's `id` agree even when
+// the consumer doesn't pass one.
+const fallbackId = nextFieldId();
+const fieldId = $derived(id ?? fallbackId);
+const hintId = $derived(hint && !error ? `${fieldId}-hint` : undefined);
+const errorId = $derived(error ? `${fieldId}-error` : undefined);
+const describedBy = $derived(
+  [hintId, errorId].filter(Boolean).join(' ') || undefined,
+);
+
+// Publish the wiring a base input auto-applies (getter stays reactive as
+// hint/error change).
+setFormGroupContext(
+  (): FormGroupContextValue => ({
+    inputId: fieldId,
+    describedBy,
+    invalid: !!error,
+  }),
+);
+</script>
+
+<div class="form-group">
+	<label for={fieldId} class="form-label">
+		{label}
+		{#if required}
+			<span class="required" aria-hidden="true">*</span>
+		{/if}
+	</label>
+	{@render children()}
+	{#if hintId}
+		<p id={hintId} class="form-hint">{hint}</p>
+	{/if}
+	{#if errorId}
+		<p id={errorId} class="form-error" role="alert">{error}</p>
+	{/if}
+</div>
+
+<style>
+	.form-group {
+		margin-bottom: 1rem;
+	}
+
+	.form-label {
+		display: block;
+		font-size: var(--smrt-typography-label-large-size, 0.875rem);
+		font-weight: var(--smrt-typography-weight-medium, 500);
+		color: var(--smrt-color-on-surface, #374151);
+		margin-bottom: 0.375rem;
+	}
+
+	.required {
+		color: var(--smrt-color-error, #ba1a1a);
+		margin-left: 0.125rem;
+	}
+
+	.form-hint {
+		margin: 0.25rem 0 0;
+		font-size: var(--smrt-typography-body-small-size, 0.75rem);
+		color: var(--smrt-color-on-surface-variant, #6b7280);
+	}
+
+	.form-error {
+		margin: 0.25rem 0 0;
+		font-size: var(--smrt-typography-body-small-size, 0.75rem);
+		color: var(--smrt-color-error, #ba1a1a);
+	}
+</style>

package/dist/components/forms/FormGroup.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    label: string;
+    id?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    children: Snippet;
+}
+declare const FormGroup: import("svelte").Component<Props, {}, "">;
+type FormGroup = ReturnType<typeof FormGroup>;
+export default FormGroup;
+//# sourceMappingURL=FormGroup.svelte.d.ts.map

package/dist/components/forms/FormGroup.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAQtC,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAiDD,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/forms/Input.svelte

@@ -0,0 +1,89 @@
+<script lang="ts">
+import type { HTMLInputAttributes } from 'svelte/elements';
+import { tryGetFormGroupContext } from './form-group-context.js';
+
+export interface Props extends Omit<HTMLInputAttributes, 'class' | 'value'> {
+  value?: string | number;
+  class?: string;
+}
+
+let {
+  id,
+  type = 'text',
+  value = $bindable(''),
+  placeholder,
+  disabled = false,
+  readonly = false,
+  required = false,
+  name,
+  class: className = '',
+  'aria-describedby': ariaDescribedby,
+  'aria-invalid': ariaInvalid,
+  ...rest
+}: Props = $props();
+
+// When wrapped in a <FormGroup>, inherit the id (so its <label for> resolves),
+// the hint/error association, and the error state — unless set explicitly.
+const formGroup = tryGetFormGroupContext();
+const resolvedId = $derived(id ?? formGroup?.().inputId);
+const resolvedDescribedBy = $derived(
+  ariaDescribedby ?? formGroup?.().describedBy,
+);
+const resolvedInvalid = $derived(
+  ariaInvalid ?? (formGroup?.().invalid ? 'true' : undefined),
+);
+</script>
+
+<input
+	id={resolvedId}
+	{type}
+	bind:value
+	{placeholder}
+	{disabled}
+	{readonly}
+	{required}
+	{name}
+	aria-describedby={resolvedDescribedBy}
+	aria-invalid={resolvedInvalid}
+	class="input {className}"
+	{...rest}
+/>
+
+<style>
+	.input {
+		display: block;
+		width: 100%;
+		padding: 0.5rem 0.75rem;
+		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
+		line-height: var(--smrt-typography-body-medium-line-height, 1.5);
+		color: var(--smrt-color-on-surface, #1f2937);
+		background-color: var(--smrt-color-surface, #fff);
+		border: 1px solid var(--smrt-color-outline-variant, #d1d5db);
+		border-radius: var(--smrt-radius-small, 0.375rem);
+		transition:
+			border-color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease-in-out),
+			box-shadow var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease-in-out);
+	}
+
+	.input:focus {
+		outline: none;
+		border-color: var(--smrt-color-primary, #005ac1);
+		box-shadow: 0 0 0 3px color-mix(in srgb, var(--smrt-color-primary, #005ac1) 10%, transparent);
+	}
+
+	.input:disabled {
+		background-color: var(--smrt-color-surface-container-high, #f3f4f6);
+		cursor: not-allowed;
+		opacity: 0.7;
+	}
+
+	.input::placeholder {
+		color: var(--smrt-color-on-surface-variant, #9ca3af);
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.input {
+			transition: none;
+		}
+	}
+</style>

package/dist/components/forms/Input.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+export interface Props extends Omit<HTMLInputAttributes, 'class' | 'value'> {
+    value?: string | number;
+    class?: string;
+}
+declare const Input: import("svelte").Component<Props, {}, "value">;
+type Input = ReturnType<typeof Input>;
+export default Input;
+//# sourceMappingURL=Input.svelte.d.ts.map

package/dist/components/forms/Input.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuCD,QAAA,MAAM,KAAK,gDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/forms/Select.svelte

@@ -0,0 +1,89 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import type { HTMLSelectAttributes } from 'svelte/elements';
+import { tryGetFormGroupContext } from './form-group-context.js';
+
+export interface Props extends Omit<HTMLSelectAttributes, 'class' | 'value'> {
+  value?: string;
+  class?: string;
+  children: Snippet;
+}
+
+let {
+  id,
+  value = $bindable(''),
+  disabled = false,
+  required = false,
+  name,
+  class: className = '',
+  children,
+  'aria-describedby': ariaDescribedby,
+  'aria-invalid': ariaInvalid,
+  ...rest
+}: Props = $props();
+
+// Inherit id / hint+error association / error state from a wrapping FormGroup.
+const formGroup = tryGetFormGroupContext();
+const resolvedId = $derived(id ?? formGroup?.().inputId);
+const resolvedDescribedBy = $derived(
+  ariaDescribedby ?? formGroup?.().describedBy,
+);
+const resolvedInvalid = $derived(
+  ariaInvalid ?? (formGroup?.().invalid ? 'true' : undefined),
+);
+</script>
+
+<select
+	id={resolvedId}
+	bind:value
+	{disabled}
+	{required}
+	{name}
+	aria-describedby={resolvedDescribedBy}
+	aria-invalid={resolvedInvalid}
+	class="select {className}"
+	{...rest}
+>
+	{@render children()}
+</select>
+
+<style>
+	.select {
+		display: block;
+		width: 100%;
+		padding: 0.5rem 2rem 0.5rem 0.75rem;
+		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
+		line-height: var(--smrt-typography-body-medium-line-height, 1.5);
+		color: var(--smrt-color-on-surface, #1f2937);
+		background-color: var(--smrt-color-surface, #fff);
+		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2379747e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+		background-position: right 0.5rem center;
+		background-repeat: no-repeat;
+		background-size: 1.5em 1.5em;
+		border: 1px solid var(--smrt-color-outline-variant, #d1d5db);
+		border-radius: 0.375rem;
+		appearance: none;
+		cursor: pointer;
+		transition:
+			border-color 0.15s ease-in-out,
+			box-shadow 0.15s ease-in-out;
+	}
+
+	.select:focus {
+		outline: none;
+		border-color: var(--smrt-color-primary, #005ac1);
+		box-shadow: 0 0 0 3px color-mix(in srgb, var(--smrt-color-primary, #005ac1) 10%, transparent);
+	}
+
+	.select:disabled {
+		background-color: var(--smrt-color-surface-container-high, #f3f4f6);
+		cursor: not-allowed;
+		opacity: 0.7;
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.select {
+			transition: none;
+		}
+	}
+</style>

package/dist/components/forms/Select.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { HTMLSelectAttributes } from 'svelte/elements';
+export interface Props extends Omit<HTMLSelectAttributes, 'class' | 'value'> {
+    value?: string;
+    class?: string;
+    children: Snippet;
+}
+declare const Select: import("svelte").Component<Props, {}, "value">;
+type Select = ReturnType<typeof Select>;
+export default Select;
+//# sourceMappingURL=Select.svelte.d.ts.map

package/dist/components/forms/Select.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAI5D,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAuCD,QAAA,MAAM,MAAM,gDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/forms/Textarea.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+import type { HTMLTextareaAttributes } from 'svelte/elements';
+import { tryGetFormGroupContext } from './form-group-context.js';
+
+export interface Props extends Omit<HTMLTextareaAttributes, 'class' | 'value'> {
+  value?: string;
+  rows?: number;
+  class?: string;
+}
+
+let {
+  id,
+  value = $bindable(''),
+  placeholder,
+  disabled = false,
+  readonly = false,
+  required = false,
+  name,
+  rows = 4,
+  class: className = '',
+  'aria-describedby': ariaDescribedby,
+  'aria-invalid': ariaInvalid,
+  ...rest
+}: Props = $props();
+
+// Inherit id / hint+error association / error state from a wrapping FormGroup.
+const formGroup = tryGetFormGroupContext();
+const resolvedId = $derived(id ?? formGroup?.().inputId);
+const resolvedDescribedBy = $derived(
+  ariaDescribedby ?? formGroup?.().describedBy,
+);
+const resolvedInvalid = $derived(
+  ariaInvalid ?? (formGroup?.().invalid ? 'true' : undefined),
+);
+</script>
+
+<textarea
+	id={resolvedId}
+	bind:value
+	{placeholder}
+	{disabled}
+	{readonly}
+	{required}
+	{name}
+	{rows}
+	aria-describedby={resolvedDescribedBy}
+	aria-invalid={resolvedInvalid}
+	class="textarea {className}"
+	{...rest}
+></textarea>
+
+<style>
+	.textarea {
+		display: block;
+		width: 100%;
+		padding: 0.5rem 0.75rem;
+		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
+		line-height: var(--smrt-typography-body-medium-line-height, 1.5);
+		color: var(--smrt-color-on-surface, #1f2937);
+		background-color: var(--smrt-color-surface, #fff);
+		border: 1px solid var(--smrt-color-outline-variant, #d1d5db);
+		border-radius: 0.375rem;
+		resize: vertical;
+		min-height: 80px;
+		transition:
+			border-color 0.15s ease-in-out,
+			box-shadow 0.15s ease-in-out;
+	}
+
+	.textarea:focus {
+		outline: none;
+		border-color: var(--smrt-color-primary, #005ac1);
+		box-shadow: 0 0 0 3px color-mix(in srgb, var(--smrt-color-primary, #005ac1) 10%, transparent);
+	}
+
+	.textarea:disabled {
+		background-color: var(--smrt-color-surface-container-high, #f3f4f6);
+		cursor: not-allowed;
+		opacity: 0.7;
+	}
+
+	.textarea::placeholder {
+		color: var(--smrt-color-on-surface-variant, #9ca3af);
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.textarea {
+			transition: none;
+		}
+	}
+</style>

package/dist/components/forms/Textarea.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLTextareaAttributes } from 'svelte/elements';
+export interface Props extends Omit<HTMLTextareaAttributes, 'class' | 'value'> {
+    value?: string;
+    rows?: number;
+    class?: string;
+}
+declare const Textarea: import("svelte").Component<Props, {}, "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;
+//# sourceMappingURL=Textarea.svelte.d.ts.map

package/dist/components/forms/Textarea.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Textarea.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAI9D,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsCD,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}