@synthaxai/ui 1.0.0

package/dist/forms/TextInput/TextInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/TextInput/TextInput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGnE,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErF,UAAU,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,MAAM,CAAC;IAClE,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yBAAyB;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,mBAAmB;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAoKF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/forms/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextInput } from './TextInput.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/forms/TextInput/index.js

@@ -0,0 +1 @@
+export { default as TextInput } from './TextInput.svelte';

package/dist/forms/Textarea/Textarea.svelte

@@ -0,0 +1,587 @@
+<!--
+  @component Textarea
+  
+  A multi-line text input component for longer content like clinical notes,
+  patient histories, and detailed descriptions. Supports auto-resize,
+  character counting, and comprehensive accessibility.
+  
+  @example
+  <Textarea
+    id="clinical-notes"
+    label="Clinical Notes"
+    value={notes}
+    placeholder="Enter clinical observations..."
+    maxLength={2000}
+    showCharCount
+  />
+-->
+<script lang="ts">
+	import { Check, AlertCircle, Info } from 'lucide-svelte';
+	import { cn } from '../../utils/cn.js';
+	import { generateId } from '../../utils/keyboard.js';
+
+	type TextareaSize = 'sm' | 'md' | 'lg';
+	type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both' | 'auto';
+
+	interface Props {
+		/** Unique identifier for the textarea */
+		id?: string;
+		/** Form field name */
+		name?: string;
+		/** Label text */
+		label: string;
+		/** Current value */
+		value?: string;
+		/** Placeholder text */
+		placeholder?: string;
+		/** Number of visible rows */
+		rows?: number;
+		/** Whether the field is required */
+		required?: boolean;
+		/** Whether the field is disabled */
+		disabled?: boolean;
+		/** Whether the field is read-only */
+		readonly?: boolean;
+		/** Error message to display */
+		error?: string;
+		/** Hint text */
+		hint?: string;
+		/** Success message when valid */
+		successMessage?: string;
+		/** Maximum character length */
+		maxLength?: number;
+		/** Minimum character length */
+		minLength?: number;
+		/** Whether to show character count */
+		showCharCount?: boolean;
+		/** Resize behavior */
+		resize?: TextareaResize;
+		/** Size of the textarea */
+		size?: TextareaSize;
+		/** Whether to hide the label visually */
+		hideLabel?: boolean;
+		/** Additional CSS classes */
+		class?: string;
+		/** Input handler */
+		oninput?: (event: Event) => void;
+		/** Blur handler */
+		onblur?: (event: FocusEvent) => void;
+		/** Focus handler */
+		onfocus?: (event: FocusEvent) => void;
+		/** Show validation state immediately without waiting for interaction */
+		validateOnMount?: boolean;
+	}
+
+	let {
+		id = generateId('textarea'),
+		name,
+		label,
+		value = '',
+		placeholder = '',
+		rows = 4,
+		required = false,
+		disabled = false,
+		readonly = false,
+		error = '',
+		hint = '',
+		successMessage = '',
+		maxLength,
+		minLength,
+		showCharCount = false,
+		resize = 'vertical',
+		size = 'md',
+		hideLabel = false,
+		class: className = '',
+		oninput,
+		onblur,
+		onfocus,
+		validateOnMount = false
+	}: Props = $props();
+
+	// Internal state
+	let isFocused = $state(false);
+	let hasInteracted = $state(false);
+	let textareaElement = $state<HTMLTextAreaElement | null>(null);
+
+	// Derived states
+	const shouldValidate = $derived(hasInteracted || validateOnMount);
+	const showError = $derived(shouldValidate && !!error);
+	const showSuccess = $derived(shouldValidate && !error && !!value && !!successMessage);
+	const isValid = $derived(shouldValidate && !error && !!value && !!successMessage);
+	const errorId = $derived(`${id}-error`);
+	const hintId = $derived(`${id}-hint`);
+	const charCount = $derived(value?.length || 0);
+	const isNearLimit = $derived(maxLength ? charCount > maxLength * 0.9 : false);
+	const isOverLimit = $derived(maxLength ? charCount > maxLength : false);
+
+	// Auto-resize effect
+	$effect(() => {
+		if (resize === 'auto' && textareaElement && value !== undefined) {
+			textareaElement.style.height = 'auto';
+			textareaElement.style.height = `${textareaElement.scrollHeight}px`;
+		}
+	});
+
+	function handleInput(e: Event) {
+		oninput?.(e);
+	}
+
+	function handleBlur(e: FocusEvent) {
+		isFocused = false;
+		hasInteracted = true;
+		onblur?.(e);
+	}
+
+	function handleFocus(e: FocusEvent) {
+		isFocused = true;
+		onfocus?.(e);
+	}
+
+	// Build aria-describedby
+	const ariaDescribedBy = $derived(
+		[error && errorId, hint && hintId].filter(Boolean).join(' ') || undefined
+	);
+</script>
+
+<div class={cn('textarea-wrapper', `textarea-${size}`, disabled && 'textarea-disabled', className)}>
+	<!-- Label -->
+	<label for={id} class={cn('textarea-label', hideLabel && 'sr-only')}>
+		{label}
+		{#if required}
+			<span class="textarea-required" aria-hidden="true">*</span>
+			<span class="sr-only">(required)</span>
+		{/if}
+		{#if hint && !hideLabel}
+			<span class="textarea-hint-icon" title={hint}>
+				<Info size={14} />
+			</span>
+		{/if}
+	</label>
+
+	<!-- Textarea -->
+	<div class="textarea-field-wrapper">
+		<textarea
+			bind:this={textareaElement}
+			{id}
+			{name}
+			{value}
+			{placeholder}
+			{rows}
+			{disabled}
+			{readonly}
+			{required}
+			maxlength={maxLength}
+			minlength={minLength}
+			aria-invalid={showError}
+			aria-describedby={ariaDescribedBy}
+			aria-required={required}
+			class={cn(
+				'textarea-field',
+				`textarea-resize-${resize}`,
+				showError && 'textarea-error',
+				isValid && 'textarea-valid'
+			)}
+			oninput={handleInput}
+			onblur={handleBlur}
+			onfocus={handleFocus}
+		></textarea>
+
+		<!-- Status icon -->
+		{#if showError}
+			<span class="textarea-icon textarea-icon-error" aria-hidden="true">
+				<AlertCircle size={18} />
+			</span>
+		{:else if isValid}
+			<span class="textarea-icon textarea-icon-success" aria-hidden="true">
+				<Check size={18} />
+			</span>
+		{/if}
+	</div>
+
+	<!-- Footer messages -->
+	<div class="textarea-footer">
+		<div class="textarea-messages">
+			{#if showError}
+				<p id={errorId} class="textarea-message textarea-message-error" role="alert" aria-live="assertive">
+					{error}
+				</p>
+			{:else if showSuccess}
+				<p class="textarea-message textarea-message-success">
+					{successMessage}
+				</p>
+			{:else if hint && isFocused}
+				<p id={hintId} class="textarea-message textarea-message-hint">
+					{hint}
+				</p>
+			{/if}
+		</div>
+
+		{#if showCharCount && maxLength}
+			<span
+				class={cn(
+					'textarea-char-count',
+					isOverLimit && 'textarea-char-count-error',
+					isNearLimit && !isOverLimit && 'textarea-char-count-warning'
+				)}
+				aria-live="polite"
+				aria-atomic="true"
+			>
+				{charCount}/{maxLength}
+			</span>
+		{/if}
+	</div>
+</div>
+
+<style>
+	/* ========================================
+	   BASE WRAPPER
+	   ======================================== */
+	.textarea-wrapper {
+		display: flex;
+		flex-direction: column;
+		gap: 0.375rem;
+	}
+
+	.textarea-disabled {
+		opacity: 0.6;
+	}
+
+	/* ========================================
+	   LABEL
+	   ======================================== */
+	.textarea-label {
+		display: flex;
+		align-items: center;
+		gap: 0.375rem;
+		font-weight: 500;
+		color: var(--ui-text-primary);
+	}
+
+	.textarea-sm .textarea-label {
+		font-size: 0.75rem;
+	}
+
+	.textarea-md .textarea-label,
+	.textarea-lg .textarea-label {
+		font-size: 0.875rem;
+	}
+
+	.textarea-required {
+		color: rgb(var(--ui-color-error));
+	}
+
+	:global([data-theme='dark']) .textarea-required {
+		color: rgb(var(--ui-color-error-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-required {
+			color: rgb(var(--ui-color-error-light));
+		}
+	}
+
+	.textarea-hint-icon {
+		color: var(--ui-text-tertiary);
+		cursor: help;
+	}
+
+	/* ========================================
+	   FIELD WRAPPER
+	   ======================================== */
+	.textarea-field-wrapper {
+		position: relative;
+	}
+
+	/* ========================================
+	   TEXTAREA FIELD
+	   ======================================== */
+	.textarea-field {
+		width: 100%;
+		border: 2px solid var(--ui-border-default);
+		border-radius: 0.5rem;
+		background: var(--ui-bg-secondary);
+		color: var(--ui-text-primary);
+		transition: all 0.2s ease;
+	}
+
+	.textarea-field::placeholder {
+		color: var(--ui-text-tertiary);
+	}
+
+	.textarea-field:focus-visible {
+		outline: none;
+		background: var(--ui-bg-primary);
+		border-color: rgb(var(--ui-color-primary));
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary) / 0.4);
+	}
+
+	:global([data-theme='dark']) .textarea-field:focus-visible {
+		border-color: rgb(var(--ui-color-primary-light));
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.5);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-field:focus-visible {
+			border-color: rgb(var(--ui-color-primary-light));
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.5);
+		}
+	}
+
+	.textarea-field:disabled {
+		cursor: not-allowed;
+		background: var(--ui-bg-tertiary);
+	}
+
+	.textarea-field:read-only {
+		background: var(--ui-bg-tertiary);
+		cursor: default;
+	}
+
+	/* Size variants */
+	.textarea-sm .textarea-field {
+		padding: 0.5rem 0.75rem;
+		font-size: 0.875rem;
+	}
+
+	.textarea-md .textarea-field {
+		padding: 0.625rem 0.75rem;
+		font-size: 0.875rem;
+	}
+
+	.textarea-lg .textarea-field {
+		padding: 0.75rem 1rem;
+		font-size: 1rem;
+	}
+
+	/* Resize variants */
+	.textarea-resize-none {
+		resize: none;
+	}
+
+	.textarea-resize-vertical {
+		resize: vertical;
+	}
+
+	.textarea-resize-horizontal {
+		resize: horizontal;
+	}
+
+	.textarea-resize-both {
+		resize: both;
+	}
+
+	.textarea-resize-auto {
+		resize: none;
+		overflow: hidden;
+	}
+
+	/* Error state */
+	.textarea-error {
+		border-color: rgb(var(--ui-color-error));
+	}
+
+	.textarea-error:focus-visible {
+		border-color: rgb(var(--ui-color-error));
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-error) / 0.4);
+	}
+
+	:global([data-theme='dark']) .textarea-error {
+		border-color: rgb(var(--ui-color-error-light));
+	}
+
+	:global([data-theme='dark']) .textarea-error:focus-visible {
+		border-color: rgb(var(--ui-color-error-light));
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-error-light) / 0.5);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-error {
+			border-color: rgb(var(--ui-color-error-light));
+		}
+
+		:global(:root:not([data-theme='light'])) .textarea-error:focus-visible {
+			border-color: rgb(var(--ui-color-error-light));
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-error-light) / 0.5);
+		}
+	}
+
+	/* Valid state */
+	.textarea-valid {
+		border-color: rgb(var(--ui-color-success));
+	}
+
+	.textarea-valid:focus-visible {
+		border-color: rgb(var(--ui-color-success));
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-success) / 0.4);
+	}
+
+	:global([data-theme='dark']) .textarea-valid {
+		border-color: rgb(var(--ui-color-success-light));
+	}
+
+	:global([data-theme='dark']) .textarea-valid:focus-visible {
+		border-color: rgb(var(--ui-color-success-light));
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-success-light) / 0.5);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-valid {
+			border-color: rgb(var(--ui-color-success-light));
+		}
+
+		:global(:root:not([data-theme='light'])) .textarea-valid:focus-visible {
+			border-color: rgb(var(--ui-color-success-light));
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-success-light) / 0.5);
+		}
+	}
+
+	/* ========================================
+	   ICONS
+	   ======================================== */
+	.textarea-icon {
+		position: absolute;
+		top: 0.75rem;
+		right: 0.75rem;
+	}
+
+	.textarea-icon-error {
+		color: rgb(var(--ui-color-error));
+	}
+
+	:global([data-theme='dark']) .textarea-icon-error {
+		color: rgb(var(--ui-color-error-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-icon-error {
+			color: rgb(var(--ui-color-error-light));
+		}
+	}
+
+	.textarea-icon-success {
+		color: rgb(var(--ui-color-success));
+	}
+
+	:global([data-theme='dark']) .textarea-icon-success {
+		color: rgb(var(--ui-color-success-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-icon-success {
+			color: rgb(var(--ui-color-success-light));
+		}
+	}
+
+	/* ========================================
+	   FOOTER & MESSAGES
+	   ======================================== */
+	.textarea-footer {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		min-height: 1.25rem;
+	}
+
+	.textarea-messages {
+		flex: 1;
+	}
+
+	.textarea-message {
+		font-size: 0.75rem;
+		animation: slide-in 0.2s ease-out;
+	}
+
+	.textarea-message-error {
+		color: rgb(var(--ui-color-error));
+	}
+
+	:global([data-theme='dark']) .textarea-message-error {
+		color: rgb(var(--ui-color-error-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-message-error {
+			color: rgb(var(--ui-color-error-light));
+		}
+	}
+
+	.textarea-message-success {
+		color: rgb(var(--ui-color-success));
+	}
+
+	:global([data-theme='dark']) .textarea-message-success {
+		color: rgb(var(--ui-color-success-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-message-success {
+			color: rgb(var(--ui-color-success-light));
+		}
+	}
+
+	.textarea-message-hint {
+		color: var(--ui-text-tertiary);
+	}
+
+	.textarea-char-count {
+		font-size: 0.75rem;
+		margin-left: 0.5rem;
+		color: var(--ui-text-tertiary);
+		font-variant-numeric: tabular-nums;
+	}
+
+	.textarea-char-count-warning {
+		color: rgb(var(--ui-color-warning));
+	}
+
+	:global([data-theme='dark']) .textarea-char-count-warning {
+		color: rgb(var(--ui-color-warning-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-char-count-warning {
+			color: rgb(var(--ui-color-warning-light));
+		}
+	}
+
+	.textarea-char-count-error {
+		color: rgb(var(--ui-color-error));
+		font-weight: 500;
+	}
+
+	:global([data-theme='dark']) .textarea-char-count-error {
+		color: rgb(var(--ui-color-error-light));
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .textarea-char-count-error {
+			color: rgb(var(--ui-color-error-light));
+		}
+	}
+
+	/* ========================================
+	   UTILITIES
+	   ======================================== */
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
+
+	@keyframes slide-in {
+		from {
+			opacity: 0;
+			transform: translateY(-4px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+</style>

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

@@ -0,0 +1,71 @@
+type TextareaSize = 'sm' | 'md' | 'lg';
+type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both' | 'auto';
+interface Props {
+    /** Unique identifier for the textarea */
+    id?: string;
+    /** Form field name */
+    name?: string;
+    /** Label text */
+    label: string;
+    /** Current value */
+    value?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Number of visible rows */
+    rows?: number;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readonly?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Hint text */
+    hint?: string;
+    /** Success message when valid */
+    successMessage?: string;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Minimum character length */
+    minLength?: number;
+    /** Whether to show character count */
+    showCharCount?: boolean;
+    /** Resize behavior */
+    resize?: TextareaResize;
+    /** Size of the textarea */
+    size?: TextareaSize;
+    /** Whether to hide the label visually */
+    hideLabel?: boolean;
+    /** Additional CSS classes */
+    class?: string;
+    /** Input handler */
+    oninput?: (event: Event) => void;
+    /** Blur handler */
+    onblur?: (event: FocusEvent) => void;
+    /** Focus handler */
+    onfocus?: (event: FocusEvent) => void;
+    /** Show validation state immediately without waiting for interaction */
+    validateOnMount?: boolean;
+}
+/**
+ * Textarea
+ *
+ * A multi-line text input component for longer content like clinical notes,
+ * patient histories, and detailed descriptions. Supports auto-resize,
+ * character counting, and comprehensive accessibility.
+ *
+ * @example
+ * <Textarea
+ *   id="clinical-notes"
+ *   label="Clinical Notes"
+ *   value={notes}
+ *   placeholder="Enter clinical observations..."
+ *   maxLength={2000}
+ *   showCharCount
+ * />
+ */
+declare const Textarea: import("svelte").Component<Props, {}, "">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;
+//# sourceMappingURL=Textarea.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/Textarea/Textarea.svelte.ts"],"names":[],"mappings":"AAQC,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,KAAK,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3E,UAAU,KAAK;IACd,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,mBAAmB;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuJF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/forms/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Textarea } from './Textarea.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/forms/Textarea/index.js

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

package/dist/forms/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @synthaxai/ui - Form Components
+ *
+ * Accessible form components with validation support,
+ * designed for healthcare data entry workflows.
+ */
+export { TextInput } from './TextInput/index.js';
+export { Textarea } from './Textarea/index.js';
+export { Select } from './Select/index.js';
+export { Checkbox } from './Checkbox/index.js';
+export { RadioGroup } from './RadioGroup/index.js';
+export { FormField } from './FormField/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}