@salmexio/ui 0.1.0

package/dist/forms/TextInput/TextInput.svelte

@@ -0,0 +1,576 @@
+<!--
+  @component TextInput
+
+  Win2K × Basquiat — Canvas-style text field with bold borders.
+  Label, error, hint, prefix/suffix, clearable, password toggle. Full a11y.
+-->
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLInputAttributes } from 'svelte/elements';
+	import { cn } from '../../utils/cn.js';
+
+	type InputSize = 'sm' | 'md' | 'lg';
+	type InputMode = 'none' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal';
+
+	interface Props extends Omit<HTMLInputAttributes, 'class' | 'size' | 'inputmode' | 'autocomplete'> {
+		id?: string;
+		name?: string;
+		type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+		label: string;
+		value?: string;
+		placeholder?: string;
+		required?: boolean;
+		disabled?: boolean;
+		readonly?: boolean;
+		error?: string;
+		hint?: string;
+		successMessage?: string;
+		maxLength?: number;
+		minLength?: number;
+		showCharCount?: boolean;
+		pattern?: string;
+		inputMode?: InputMode;
+		autocomplete?: string;
+		size?: InputSize;
+		iconLeft?: Snippet;
+		iconRight?: Snippet;
+		hideLabel?: boolean;
+		class?: string;
+		prefix?: string;
+		suffix?: string;
+		clearable?: boolean;
+		showPasswordToggle?: boolean;
+		loading?: boolean;
+		oninput?: (event: Event) => void;
+		onblur?: (event: FocusEvent) => void;
+		onfocus?: (event: FocusEvent) => void;
+		onclear?: () => void;
+		testId?: string;
+		validateOnMount?: boolean;
+	}
+
+	let {
+		id = `input-${Math.random().toString(36).slice(2, 9)}`,
+		name,
+		type = 'text',
+		label,
+		value = $bindable(''),
+		placeholder = '',
+		required = false,
+		disabled = false,
+		readonly = false,
+		error = '',
+		hint = '',
+		successMessage = '',
+		maxLength,
+		minLength,
+		showCharCount = false,
+		pattern,
+		inputMode = 'text',
+		autocomplete = 'off',
+		size = 'md',
+		iconLeft,
+		iconRight,
+		hideLabel = false,
+		class: className = '',
+		prefix,
+		suffix,
+		clearable = false,
+		showPasswordToggle = false,
+		loading = false,
+		oninput,
+		onblur,
+		onfocus,
+		onclear,
+		testId,
+		validateOnMount = false,
+		...restProps
+	}: Props = $props();
+
+	let inputRef = $state<HTMLInputElement | undefined>();
+	let isFocused = $state(false);
+	let hasInteracted = $state(false);
+	let passwordVisible = $state(false);
+
+	const shouldValidate = $derived(hasInteracted || validateOnMount);
+	const showError = $derived(shouldValidate && !!error);
+	const showSuccess = $derived(shouldValidate && !error && !!value && !!successMessage);
+	const effectiveType = $derived(type === 'password' && passwordVisible ? 'text' : type);
+	const errorId = $derived(`${id}-error`);
+	const hintId = $derived(`${id}-hint`);
+	const hasRightContent = $derived(
+		loading ||
+			showError ||
+			showSuccess ||
+			(clearable && value && !disabled && !readonly) ||
+			(showPasswordToggle && type === 'password') ||
+		!!iconRight
+	);
+	const ariaDescribedBy = $derived(
+		[error && errorId, hint && hintId].filter(Boolean).join(' ') || undefined
+	);
+
+	function handleInput(e: Event) {
+		const target = e.target as HTMLInputElement;
+		value = target.value;
+		oninput?.(e);
+	}
+
+	function handleBlur(e: FocusEvent) {
+		isFocused = false;
+		hasInteracted = true;
+		onblur?.(e);
+	}
+
+	function handleFocus(e: FocusEvent) {
+		isFocused = true;
+		onfocus?.(e);
+	}
+
+	function handleClear() {
+		value = '';
+		if (inputRef) {
+			inputRef.value = '';
+			inputRef.focus();
+		}
+		onclear?.();
+	}
+
+	function togglePassword() {
+		passwordVisible = !passwordVisible;
+		inputRef?.focus();
+	}
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (e.key === 'Escape' && clearable && value && !disabled && !readonly) {
+			e.preventDefault();
+			handleClear();
+		}
+	}
+</script>
+
+<div
+	class={cn(
+		'salmex-input-wrapper',
+		`salmex-input-${size}`,
+		disabled && 'salmex-input-disabled',
+		className
+	)}
+>
+	<label for={id} class={cn('salmex-input-label', hideLabel && 'salmex-sr-only')}>
+		{label}
+		{#if required}
+			<span class="salmex-input-required" aria-hidden="true">*</span>
+		{/if}
+	</label>
+
+	<div
+		class={cn(
+			'salmex-input-field-wrapper',
+			isFocused && 'salmex-input-focused',
+			showError && 'salmex-input-error',
+			showSuccess && 'salmex-input-valid',
+			disabled && 'salmex-input-disabled-wrap'
+		)}
+	>
+		{#if prefix}
+			<span class="salmex-input-prefix" aria-hidden="true">{prefix}</span>
+		{/if}
+		{#if iconLeft}
+			<span class="salmex-input-icon-left" aria-hidden="true">
+				{@render iconLeft()}
+			</span>
+		{/if}
+
+		<input
+			bind:this={inputRef}
+			{id}
+			{name}
+			type={effectiveType}
+			bind:value
+			{placeholder}
+			{disabled}
+			{readonly}
+			{required}
+			{pattern}
+			maxlength={maxLength}
+			minlength={minLength}
+			inputmode={inputMode}
+			autocomplete={autocomplete as import('svelte/elements').HTMLInputAttributes['autocomplete']}
+			aria-invalid={showError}
+			aria-describedby={ariaDescribedBy}
+			aria-required={required}
+			data-testid={testId}
+			class={cn(
+				'salmex-input-field',
+				prefix && 'salmex-input-has-prefix',
+				suffix && 'salmex-input-has-suffix',
+				iconLeft && 'salmex-input-has-icon-left',
+				hasRightContent && 'salmex-input-has-right'
+			)}
+			oninput={handleInput}
+			onblur={handleBlur}
+			onfocus={handleFocus}
+			onkeydown={handleKeyDown}
+			{...restProps}
+		/>
+
+		<div class="salmex-input-right">
+			{#if loading}
+				<span class="salmex-input-loading" aria-hidden="true">
+					<svg class="salmex-input-spinner" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+						<circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
+						<path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round"/>
+					</svg>
+				</span>
+			{:else if showError}
+				<span class="salmex-input-icon-error" aria-hidden="true">
+					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
+				</span>
+			{:else if showSuccess}
+				<span class="salmex-input-icon-success" aria-hidden="true">
+					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
+				</span>
+			{:else if iconRight}
+				<span class="salmex-input-icon-right" aria-hidden="true">
+					{@render iconRight()}
+				</span>
+			{/if}
+
+			{#if clearable && value && !disabled && !readonly}
+				<button
+					type="button"
+					class="salmex-input-clear"
+					onclick={handleClear}
+					aria-label="Clear input"
+					tabindex={-1}
+				>
+					<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+				</button>
+			{/if}
+
+			{#if showPasswordToggle && type === 'password'}
+				<button
+					type="button"
+					class="salmex-input-password-toggle"
+					onclick={togglePassword}
+					aria-label={passwordVisible ? 'Hide password' : 'Show password'}
+					aria-pressed={passwordVisible}
+					tabindex={-1}
+				>
+					{#if passwordVisible}
+						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>
+					{:else}
+						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+					{/if}
+				</button>
+			{/if}
+		</div>
+
+		{#if suffix}
+			<span class="salmex-input-suffix" aria-hidden="true">{suffix}</span>
+		{/if}
+	</div>
+
+	<div class="salmex-input-footer">
+		<div class="salmex-input-messages">
+			{#if showError}
+				<p id={errorId} class="salmex-input-message salmex-input-message-error" role="alert" aria-live="assertive">
+					{error}
+				</p>
+			{:else if showSuccess}
+				<p class="salmex-input-message salmex-input-message-success">{successMessage}</p>
+			{:else if hint}
+				<p id={hintId} class="salmex-input-message salmex-input-message-hint">{hint}</p>
+			{/if}
+		</div>
+		{#if showCharCount && maxLength !== undefined}
+			<span class="salmex-input-charcount" class:salmex-input-charcount-warn={value.length > maxLength * 0.9}>
+				{value.length}/{maxLength}
+			</span>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.salmex-input-wrapper {
+		display: flex;
+		flex-direction: column;
+		gap: var(--salmex-space-1);
+	}
+
+	.salmex-input-disabled {
+		opacity: 0.6;
+	}
+
+	.salmex-input-label {
+		font-family: var(--salmex-font-system);
+		font-weight: 700;
+		font-size: var(--salmex-font-size-sm);
+		text-transform: uppercase;
+		letter-spacing: 0.3px;
+		color: rgb(var(--salmex-text-primary));
+	}
+
+	.salmex-input-required {
+		color: rgb(var(--salmex-street-red));
+	}
+
+	.salmex-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;
+	}
+
+	.salmex-input-field-wrapper {
+		position: relative;
+		display: flex;
+		align-items: center;
+		background: rgb(var(--salmex-button-face));
+		border: 2px solid rgb(var(--salmex-border-dark));
+		box-shadow:
+			inset 2px 2px 0 rgb(var(--salmex-button-highlight)),
+			inset -2px -2px 0 rgb(var(--salmex-button-shadow));
+		transition: box-shadow var(--salmex-transition-fast), border-color var(--salmex-transition-fast);
+	}
+
+	/* Focus - yellow ring with dark edge in light theme for visibility */
+	.salmex-input-focused {
+		border-color: rgb(var(--salmex-midnight-black));
+		box-shadow:
+			inset 2px 2px 0 rgb(var(--salmex-button-highlight)),
+			inset -2px -2px 0 rgb(var(--salmex-button-shadow)),
+			0 0 0 2px rgb(var(--salmex-midnight-black)),
+			0 0 0 5px rgb(var(--salmex-crown-yellow));
+	}
+
+	:global([data-theme='dark']) .salmex-input-focused {
+		border-color: rgb(var(--salmex-border-light));
+		box-shadow:
+			inset 2px 2px 0 rgb(var(--salmex-button-highlight)),
+			inset -2px -2px 0 rgb(var(--salmex-button-shadow)),
+			0 0 0 3px rgb(var(--salmex-crown-yellow));
+	}
+
+	.salmex-input-error {
+		border-color: rgb(var(--salmex-street-red));
+	}
+
+	.salmex-input-valid {
+		border-color: rgb(var(--salmex-urban-green));
+	}
+
+	.salmex-input-disabled-wrap {
+		opacity: 0.7;
+		cursor: not-allowed;
+		background: rgb(var(--salmex-bg-tertiary));
+	}
+
+	.salmex-input-prefix,
+	.salmex-input-suffix {
+		display: flex;
+		align-items: center;
+		flex-shrink: 0;
+		padding: 0 var(--salmex-space-2);
+		font-family: var(--salmex-font-mono);
+		font-size: var(--salmex-font-size-sm);
+		font-weight: 600;
+		color: rgb(var(--salmex-text-secondary));
+		border-right: 2px solid rgb(var(--salmex-border-default));
+	}
+
+	.salmex-input-suffix {
+		border-right: none;
+		border-left: 2px solid rgb(var(--salmex-border-default));
+		margin-left: 0;
+	}
+
+	.salmex-input-icon-left {
+		display: flex;
+		align-items: center;
+		padding-left: var(--salmex-space-2);
+		color: rgb(var(--salmex-text-secondary));
+	}
+
+	.salmex-input-field {
+		flex: 1;
+		min-width: 0;
+		border: none;
+		background: transparent;
+		color: rgb(var(--salmex-text-primary));
+		font-family: var(--salmex-font-system);
+		font-size: var(--salmex-font-size-base);
+		outline: none;
+		padding: var(--salmex-space-2) var(--salmex-space-3);
+	}
+
+	/* Only the wrapper shows the focus ring; avoid double ring from global :focus-visible on the input */
+	.salmex-input-field:focus-visible {
+		box-shadow: none;
+	}
+
+	.salmex-input-field::placeholder {
+		color: rgb(var(--salmex-text-disabled));
+	}
+
+	.salmex-input-field:disabled {
+		cursor: not-allowed;
+	}
+
+	.salmex-input-has-prefix {
+		padding-left: var(--salmex-space-1);
+	}
+
+	.salmex-input-has-suffix {
+		padding-right: var(--salmex-space-1);
+	}
+
+	.salmex-input-has-icon-left {
+		padding-left: var(--salmex-space-1);
+	}
+
+	.salmex-input-has-right {
+		padding-right: var(--salmex-space-1);
+	}
+
+	.salmex-input-sm .salmex-input-field-wrapper {
+		min-height: 32px;
+	}
+
+	.salmex-input-sm .salmex-input-field {
+		font-size: var(--salmex-font-size-sm);
+		padding: var(--salmex-space-1) var(--salmex-space-2);
+	}
+
+	.salmex-input-md .salmex-input-field-wrapper {
+		min-height: 40px;
+	}
+
+	.salmex-input-lg .salmex-input-field-wrapper {
+		min-height: 48px;
+	}
+
+	.salmex-input-lg .salmex-input-field {
+		font-size: var(--salmex-font-size-md);
+		padding: var(--salmex-space-3) var(--salmex-space-4);
+	}
+
+	.salmex-input-right {
+		display: flex;
+		align-items: center;
+		gap: var(--salmex-space-1);
+		flex-shrink: 0;
+		padding-right: var(--salmex-space-2);
+	}
+
+	.salmex-input-icon-right,
+	.salmex-input-icon-error,
+	.salmex-input-icon-success {
+		display: flex;
+		align-items: center;
+		color: rgb(var(--salmex-text-secondary));
+	}
+
+	.salmex-input-icon-error {
+		color: rgb(var(--salmex-street-red));
+	}
+
+	.salmex-input-icon-success {
+		color: rgb(var(--salmex-urban-green));
+	}
+
+	.salmex-input-loading {
+		display: flex;
+		align-items: center;
+		color: rgb(var(--salmex-electric-blue));
+	}
+
+	.salmex-input-spinner {
+		animation: salmex-spin-input 0.8s linear infinite;
+	}
+
+	@keyframes salmex-spin-input {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.salmex-input-clear,
+	.salmex-input-password-toggle {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 28px;
+		height: 28px;
+		padding: 0;
+		border: none;
+		background: transparent;
+		color: rgb(var(--salmex-text-secondary));
+		cursor: pointer;
+		transition: background var(--salmex-transition-fast), color var(--salmex-transition-fast);
+	}
+
+	.salmex-input-clear:hover,
+	.salmex-input-password-toggle:hover {
+		background: rgb(var(--salmex-bg-tertiary));
+		color: rgb(var(--salmex-text-primary));
+	}
+
+	.salmex-input-clear:focus-visible,
+	.salmex-input-password-toggle:focus-visible {
+		outline: none;
+		box-shadow: 0 0 0 2px rgb(var(--salmex-midnight-black)), 0 0 0 5px rgb(var(--salmex-crown-yellow));
+	}
+
+	:global([data-theme='dark']) .salmex-input-clear:focus-visible,
+	:global([data-theme='dark']) .salmex-input-password-toggle:focus-visible {
+		box-shadow: 0 0 0 3px rgb(var(--salmex-crown-yellow));
+	}
+
+	.salmex-input-footer {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		min-height: 1.25rem;
+	}
+
+	.salmex-input-message {
+		font-size: var(--salmex-font-size-xs);
+		margin: 0;
+	}
+
+	.salmex-input-message-error {
+		color: rgb(var(--salmex-street-red));
+		font-weight: 600;
+	}
+
+	.salmex-input-message-success {
+		color: rgb(var(--salmex-urban-green));
+	}
+
+	.salmex-input-message-hint {
+		color: rgb(var(--salmex-text-secondary));
+	}
+
+	.salmex-input-charcount {
+		font-size: var(--salmex-font-size-xs);
+		font-family: var(--salmex-font-mono);
+		color: rgb(var(--salmex-text-secondary));
+	}
+
+	.salmex-input-charcount-warn {
+		color: rgb(var(--salmex-spray-orange));
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.salmex-input-spinner {
+			animation: none;
+		}
+	}
+</style>

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

@@ -0,0 +1,50 @@
+import type { Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
+type InputSize = 'sm' | 'md' | 'lg';
+type InputMode = 'none' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal';
+interface Props extends Omit<HTMLInputAttributes, 'class' | 'size' | 'inputmode' | 'autocomplete'> {
+    id?: string;
+    name?: string;
+    type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+    label: string;
+    value?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: string;
+    hint?: string;
+    successMessage?: string;
+    maxLength?: number;
+    minLength?: number;
+    showCharCount?: boolean;
+    pattern?: string;
+    inputMode?: InputMode;
+    autocomplete?: string;
+    size?: InputSize;
+    iconLeft?: Snippet;
+    iconRight?: Snippet;
+    hideLabel?: boolean;
+    class?: string;
+    prefix?: string;
+    suffix?: string;
+    clearable?: boolean;
+    showPasswordToggle?: boolean;
+    loading?: boolean;
+    oninput?: (event: Event) => void;
+    onblur?: (event: FocusEvent) => void;
+    onfocus?: (event: FocusEvent) => void;
+    onclear?: () => void;
+    testId?: string;
+    validateOnMount?: boolean;
+}
+/**
+ * TextInput
+ *
+ * Win2K × Basquiat — Canvas-style text field with bold borders.
+ * Label, error, hint, prefix/suffix, clearable, password toggle. Full a11y.
+ */
+declare const TextInput: import("svelte").Component<Props, {}, "value">;
+type TextInput = ReturnType<typeof TextInput>;
+export default TextInput;
+//# sourceMappingURL=TextInput.svelte.d.ts.map

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;AAI1D,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9F,UAAU,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;IACjG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuNF;;;;;GAKG;AACH,QAAA,MAAM,SAAS,gDAAwC,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/index.d.ts

@@ -0,0 +1,2 @@
+export { TextInput } from './TextInput/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,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/forms/index.js

@@ -0,0 +1 @@
+export { TextInput } from './TextInput/index.js';

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './primitives/index.js';
+export * from './navigation/index.js';
+export * from './layout/index.js';
+export * from './feedback/index.js';
+export * from './forms/index.js';
+export * from './utils/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export * from './primitives/index.js';
+export * from './navigation/index.js';
+export * from './layout/index.js';
+export * from './feedback/index.js';
+export * from './forms/index.js';
+export * from './utils/index.js';