@aspect-ops/exon-ui 0.0.3 → 0.2.0

package/dist/components/TimePicker/TimePicker.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { InputSize } from '../../types/index.js';
+interface Props {
+    value?: string;
+    format?: '12h' | '24h';
+    minuteStep?: number;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    error?: boolean;
+    size?: InputSize;
+    placeholder?: string;
+    class?: string;
+    onchange?: (value: string) => void;
+}
+declare const TimePicker: import("svelte").Component<Props, {}, "value">;
+type TimePicker = ReturnType<typeof TimePicker>;
+export default TimePicker;

package/dist/components/TimePicker/index.d.ts

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

package/dist/components/TimePicker/index.js

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

package/dist/components/ToggleGroup/ToggleGroup.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+	import { setContext } from 'svelte';
+	import type { ToggleGroupType, ToggleGroupOrientation } from '../../types/index.js';
+
+	interface Props {
+		type?: ToggleGroupType;
+		value?: string | string[];
+		onValueChange?: (value: string | string[]) => void;
+		disabled?: boolean;
+		orientation?: ToggleGroupOrientation;
+		class?: string;
+		children?: import('svelte').Snippet;
+	}
+
+	let {
+		type = 'single',
+		value = $bindable(type === 'single' ? '' : []),
+		onValueChange,
+		disabled = false,
+		orientation = 'horizontal',
+		class: className = '',
+		children
+	}: Props = $props();
+
+	const handleToggle = (itemValue: string) => {
+		if (disabled) return;
+
+		let newValue: string | string[];
+
+		if (type === 'single') {
+			// Single mode: toggle or select new value
+			newValue = (value as string) === itemValue ? '' : itemValue;
+		} else {
+			// Multiple mode: toggle item in array
+			const currentArray = (value as string[]) || [];
+			if (currentArray.includes(itemValue)) {
+				newValue = currentArray.filter((v) => v !== itemValue);
+			} else {
+				newValue = [...currentArray, itemValue];
+			}
+		}
+
+		value = newValue;
+		onValueChange?.(newValue);
+	};
+
+	const isSelected = (itemValue: string): boolean => {
+		if (type === 'single') {
+			return (value as string) === itemValue;
+		} else {
+			return ((value as string[]) || []).includes(itemValue);
+		}
+	};
+
+	// Set context for child items
+	setContext('toggleGroup', {
+		get type() {
+			return type;
+		},
+		get disabled() {
+			return disabled;
+		},
+		onToggle: handleToggle,
+		isSelected
+	});
+</script>
+
+<div
+	class="toggle-group toggle-group--{orientation} {className}"
+	role={type === 'single' ? 'radiogroup' : 'group'}
+	aria-disabled={disabled}
+>
+	{#if children}
+		{@render children()}
+	{/if}
+</div>
+
+<style>
+	.toggle-group {
+		display: inline-flex;
+		font-family: inherit;
+	}
+
+	.toggle-group--horizontal {
+		flex-direction: row;
+	}
+
+	.toggle-group--vertical {
+		flex-direction: column;
+	}
+</style>

package/dist/components/ToggleGroup/ToggleGroup.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { ToggleGroupType, ToggleGroupOrientation } from '../../types/index.js';
+interface Props {
+    type?: ToggleGroupType;
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    disabled?: boolean;
+    orientation?: ToggleGroupOrientation;
+    class?: string;
+    children?: import('svelte').Snippet;
+}
+declare const ToggleGroup: import("svelte").Component<Props, {}, "value">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;

package/dist/components/ToggleGroup/ToggleGroupItem.svelte

@@ -0,0 +1,158 @@
+<script lang="ts">
+	import { getContext } from 'svelte';
+
+	interface Props {
+		value: string;
+		disabled?: boolean;
+		class?: string;
+		children?: import('svelte').Snippet;
+	}
+
+	let { value, disabled = false, class: className = '', children }: Props = $props();
+
+	const context = getContext<{
+		type: 'single' | 'multiple';
+		disabled: boolean;
+		onToggle: (value: string) => void;
+		isSelected: (value: string) => boolean;
+	}>('toggleGroup');
+
+	const isGroupDisabled = context?.disabled ?? false;
+	const isDisabled = $derived(disabled || isGroupDisabled);
+	const isPressed = $derived(context?.isSelected(value) ?? false);
+
+	const handleClick = () => {
+		if (isDisabled) return;
+		context?.onToggle(value);
+	};
+
+	const handleKeydown = (e: KeyboardEvent) => {
+		const target = e.currentTarget as HTMLElement;
+		const group = target.parentElement;
+		if (!group) return;
+
+		const items = Array.from(group.querySelectorAll('[role="radio"], [role="button"]'));
+		const currentIndex = items.indexOf(target);
+
+		let nextIndex = currentIndex;
+
+		switch (e.key) {
+			case 'ArrowRight':
+			case 'ArrowDown':
+				e.preventDefault();
+				nextIndex = (currentIndex + 1) % items.length;
+				break;
+			case 'ArrowLeft':
+			case 'ArrowUp':
+				e.preventDefault();
+				nextIndex = currentIndex - 1;
+				if (nextIndex < 0) nextIndex = items.length - 1;
+				break;
+			case ' ':
+			case 'Enter':
+				e.preventDefault();
+				handleClick();
+				return;
+			default:
+				return;
+		}
+
+		(items[nextIndex] as HTMLElement)?.focus();
+	};
+</script>
+
+<button
+	class="toggle-group-item {isPressed ? 'toggle-group-item--pressed' : ''} {className}"
+	role={context?.type === 'single' ? 'radio' : 'button'}
+	aria-pressed={isPressed}
+	aria-checked={context?.type === 'single' ? isPressed : undefined}
+	aria-disabled={isDisabled}
+	disabled={isDisabled}
+	tabindex={isDisabled ? -1 : 0}
+	onclick={handleClick}
+	onkeydown={handleKeydown}
+>
+	{#if children}
+		{@render children()}
+	{/if}
+</button>
+
+<style>
+	.toggle-group-item {
+		position: relative;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		min-height: var(--touch-target-min, 44px);
+		min-width: var(--touch-target-min, 44px);
+		padding: var(--space-sm, 0.5rem) var(--space-md, 1rem);
+		background: var(--color-bg, #ffffff);
+		color: var(--color-text, #1f2937);
+		border: 1px solid var(--color-border, #e5e7eb);
+		font-family: inherit;
+		font-size: var(--text-sm, 0.875rem);
+		font-weight: 500;
+		cursor: pointer;
+		transition: all var(--transition-fast, 150ms ease);
+		-webkit-tap-highlight-color: transparent;
+		margin-left: -1px;
+	}
+
+	.toggle-group-item:first-child {
+		margin-left: 0;
+		border-top-left-radius: var(--radius-md, 0.375rem);
+		border-bottom-left-radius: var(--radius-md, 0.375rem);
+	}
+
+	.toggle-group-item:last-child {
+		border-top-right-radius: var(--radius-md, 0.375rem);
+		border-bottom-right-radius: var(--radius-md, 0.375rem);
+	}
+
+	:global(.toggle-group--vertical) .toggle-group-item {
+		margin-left: 0;
+		margin-top: -1px;
+	}
+
+	:global(.toggle-group--vertical) .toggle-group-item:first-child {
+		margin-top: 0;
+		border-top-left-radius: var(--radius-md, 0.375rem);
+		border-top-right-radius: var(--radius-md, 0.375rem);
+		border-bottom-left-radius: 0;
+	}
+
+	:global(.toggle-group--vertical) .toggle-group-item:last-child {
+		border-top-right-radius: 0;
+		border-bottom-left-radius: var(--radius-md, 0.375rem);
+		border-bottom-right-radius: var(--radius-md, 0.375rem);
+	}
+
+	.toggle-group-item:hover:not(:disabled) {
+		background: var(--color-bg-muted, #f3f4f6);
+		z-index: 1;
+	}
+
+	.toggle-group-item:focus-visible {
+		outline: 2px solid var(--color-primary, #3b82f6);
+		outline-offset: 2px;
+		z-index: 2;
+	}
+
+	.toggle-group-item--pressed {
+		background: var(--color-primary, #3b82f6);
+		color: var(--color-text-inverse, #ffffff);
+		border-color: var(--color-primary, #3b82f6);
+		z-index: 1;
+	}
+
+	.toggle-group-item--pressed:hover:not(:disabled) {
+		background: var(--color-primary-hover, #2563eb);
+		border-color: var(--color-primary-hover, #2563eb);
+	}
+
+	.toggle-group-item:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+		pointer-events: none;
+	}
+</style>

package/dist/components/ToggleGroup/ToggleGroupItem.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    value: string;
+    disabled?: boolean;
+    class?: string;
+    children?: import('svelte').Snippet;
+}
+declare const ToggleGroupItem: import("svelte").Component<Props, {}, "">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;

package/dist/components/ToggleGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ToggleGroup } from './ToggleGroup.svelte';
+export { default as ToggleGroupItem } from './ToggleGroupItem.svelte';
+export type { ToggleGroupType, ToggleGroupOrientation, ToggleGroupProps, ToggleGroupItemProps } from '../../types/index.js';

package/dist/components/ToggleGroup/index.js

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

package/dist/index.d.ts

@@ -12,6 +12,13 @@ export { default as CheckboxGroup } from './components/Checkbox/CheckboxGroup.sv
 export { default as Radio } from './components/Radio/Radio.svelte';
 export { default as RadioGroup } from './components/Radio/RadioGroup.svelte';
 export { default as Switch } from './components/Switch/Switch.svelte';
+export { SearchInput } from './components/SearchInput/index.js';
+export { DatePicker } from './components/DatePicker/index.js';
+export { FileUpload } from './components/FileUpload/index.js';
+export { OTPInput } from './components/OTPInput/index.js';
+export { TimePicker } from './components/TimePicker/index.js';
+export { Rating } from './components/Rating/index.js';
+export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup/index.js';
 export { default as Tabs } from './components/Tabs/Tabs.svelte';
 export { default as TabList } from './components/Tabs/TabList.svelte';
 export { default as TabTrigger } from './components/Tabs/TabTrigger.svelte';
@@ -34,6 +41,7 @@ export { default as NavItem } from './components/Navbar/NavItem.svelte';
 export { default as Sidebar } from './components/Sidebar/Sidebar.svelte';
 export { default as SidebarItem } from './components/Sidebar/SidebarItem.svelte';
 export { default as SidebarGroup } from './components/Sidebar/SidebarGroup.svelte';
+export { Stepper, StepperStep } from './components/Stepper/index.js';
 export { default as Alert } from './components/Alert/Alert.svelte';
 export { Toast, ToastContainer, toast } from './components/Toast/index.js';
 export { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal/index.js';
@@ -47,6 +55,10 @@ export { Tag } from './components/Tag/index.js';
 export { EmptyState } from './components/EmptyState/index.js';
 export { List, ListItem } from './components/List/index.js';
 export { Table, TableHead, TableHeader, TableBody, TableRow, TableCell } from './components/Table/index.js';
+export { Accordion, AccordionItem } from './components/Accordion/index.js';
+export { Slider } from './components/Slider/index.js';
+export { Carousel, CarouselSlide } from './components/Carousel/index.js';
+export { Image } from './components/Image/index.js';
 export { Container } from './components/Container/index.js';
 export { Grid } from './components/Grid/index.js';
 export { GridItem } from './components/Grid/index.js';
@@ -62,4 +74,4 @@ export { ActionSheet, ActionSheetItem } from './components/ActionSheet/index.js'
 export { PullToRefresh } from './components/PullToRefresh/index.js';
 export { SwipeActions, SwipeAction } from './components/SwipeActions/index.js';
 export { FAB, FABGroup } from './components/FAB/index.js';
-export type { ButtonProps, ButtonVariant, ButtonSize, TypographyProps, TypographyVariant, IconProps, IconSize, BadgeProps, BadgeVariant, LinkProps, InputSize, TextInputType, FormFieldProps, TextInputProps, TextareaProps, SelectOption, SelectProps, CheckboxProps, RadioProps, RadioGroupProps, SwitchProps, TabsOrientation, TabsProps, TabListProps, TabTriggerProps, TabContentProps, MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuSeparatorProps, MenuSubProps, MenuSubTriggerProps, MenuSubContentProps, BreadcrumbItemData, BreadcrumbsProps, BreadcrumbItemProps, BottomNavItemData, BottomNavProps, BottomNavItemProps, NavItemProps, NavbarProps, SidebarItemData, SidebarProps, SidebarItemProps, SidebarGroupProps, AlertVariant, AlertProps, ToastVariant, ToastPosition, ToastData, ToastProps, ToastContainerProps, ModalSize, ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ProgressSize, ProgressBarProps, ProgressCircleProps, SpinnerProps, TooltipSide, TooltipProps, PopoverSide, PopoverProps, PopoverTriggerProps, PopoverContentProps, SkeletonVariant, SkeletonProps, CardVariant, CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, AvatarSize, AvatarShape, AvatarProps, AvatarGroupProps, TagVariant, TagSize, TagProps, EmptyStateSize, EmptyStateProps, ListProps, ListItemProps, TableProps, TableHeadProps, TableHeaderAlign, TableHeaderSortDirection, TableHeaderProps, TableBodyProps, TableRowProps, TableCellAlign, TableCellProps, ContainerSize, ContainerProps, GridAlign, GridJustify, SpacingToken, GridProps, GridItemProps, StackDirection, StackProps, DividerOrientation, DividerProps, SpacerSize, SpacerProps, AspectRatioPreset, AspectRatioProps, CenterProps, BoxProps, SafeAreaEdge, SafeAreaProps, BottomSheetSnapPoint, BottomSheetProps, BottomSheetHeaderProps, BottomSheetBodyProps, ActionSheetAction, ActionSheetProps, ActionSheetItemProps, PullToRefreshProps, SwipeActionSide, SwipeActionData, SwipeActionsProps, SwipeActionProps, FABSize, FABPosition, FABProps, FABAction, FABGroupProps } from './types/index.js';
+export type { ButtonProps, ButtonVariant, ButtonSize, TypographyProps, TypographyVariant, IconProps, IconSize, BadgeProps, BadgeVariant, LinkProps, InputSize, TextInputType, FormFieldProps, TextInputProps, TextareaProps, SelectOption, SelectProps, CheckboxProps, RadioProps, RadioGroupProps, SwitchProps, SearchInputProps, DatePickerProps, FileUploadProps, OTPInputProps, TimeFormat, TimePickerProps, RatingProps, ToggleGroupType, ToggleGroupOrientation, ToggleGroupProps, ToggleGroupItemProps, TabsOrientation, TabsProps, TabListProps, TabTriggerProps, TabContentProps, MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuSeparatorProps, MenuSubProps, MenuSubTriggerProps, MenuSubContentProps, BreadcrumbItemData, BreadcrumbsProps, BreadcrumbItemProps, BottomNavItemData, BottomNavProps, BottomNavItemProps, NavItemProps, NavbarProps, SidebarItemData, SidebarProps, SidebarItemProps, SidebarGroupProps, StepperOrientation, StepperProps, StepperStepProps, AlertVariant, AlertProps, ToastVariant, ToastPosition, ToastData, ToastProps, ToastContainerProps, ModalSize, ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ProgressSize, ProgressBarProps, ProgressCircleProps, SpinnerProps, TooltipSide, TooltipProps, PopoverSide, PopoverProps, PopoverTriggerProps, PopoverContentProps, SkeletonVariant, SkeletonProps, CardVariant, CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, AvatarSize, AvatarShape, AvatarProps, AvatarGroupProps, TagVariant, TagSize, TagProps, ChipVariant, ChipColor, ChipSize, ChipProps, ChipGroupProps, EmptyStateSize, EmptyStateProps, ListProps, ListItemProps, TableProps, TableHeadProps, TableHeaderAlign, TableHeaderSortDirection, TableHeaderProps, TableBodyProps, TableRowProps, TableCellAlign, TableCellProps, AccordionProps, AccordionItemProps, SliderProps, CarouselProps, CarouselSlideProps, ImageObjectFit, ImageRounded, ImageProps, ContainerSize, ContainerProps, GridAlign, GridJustify, SpacingToken, GridProps, GridItemProps, StackDirection, StackProps, DividerOrientation, DividerProps, SpacerSize, SpacerProps, AspectRatioPreset, AspectRatioProps, CenterProps, BoxProps, SafeAreaEdge, SafeAreaProps, BottomSheetSnapPoint, BottomSheetProps, BottomSheetHeaderProps, BottomSheetBodyProps, ActionSheetAction, ActionSheetProps, ActionSheetItemProps, PullToRefreshProps, SwipeActionSide, SwipeActionData, SwipeActionsProps, SwipeActionProps, FABSize, FABPosition, FABProps, FABAction, FABGroupProps } from './types/index.js';

package/dist/index.js

@@ -16,6 +16,13 @@ export { default as CheckboxGroup } from './components/Checkbox/CheckboxGroup.sv
 export { default as Radio } from './components/Radio/Radio.svelte';
 export { default as RadioGroup } from './components/Radio/RadioGroup.svelte';
 export { default as Switch } from './components/Switch/Switch.svelte';
+export { SearchInput } from './components/SearchInput/index.js';
+export { DatePicker } from './components/DatePicker/index.js';
+export { FileUpload } from './components/FileUpload/index.js';
+export { OTPInput } from './components/OTPInput/index.js';
+export { TimePicker } from './components/TimePicker/index.js';
+export { Rating } from './components/Rating/index.js';
+export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup/index.js';
 // Navigation Components
 export { default as Tabs } from './components/Tabs/Tabs.svelte';
 export { default as TabList } from './components/Tabs/TabList.svelte';
@@ -39,6 +46,7 @@ export { default as NavItem } from './components/Navbar/NavItem.svelte';
 export { default as Sidebar } from './components/Sidebar/Sidebar.svelte';
 export { default as SidebarItem } from './components/Sidebar/SidebarItem.svelte';
 export { default as SidebarGroup } from './components/Sidebar/SidebarGroup.svelte';
+export { Stepper, StepperStep } from './components/Stepper/index.js';
 // Feedback Components
 export { default as Alert } from './components/Alert/Alert.svelte';
 export { Toast, ToastContainer, toast } from './components/Toast/index.js';
@@ -54,6 +62,10 @@ export { Tag } from './components/Tag/index.js';
 export { EmptyState } from './components/EmptyState/index.js';
 export { List, ListItem } from './components/List/index.js';
 export { Table, TableHead, TableHeader, TableBody, TableRow, TableCell } from './components/Table/index.js';
+export { Accordion, AccordionItem } from './components/Accordion/index.js';
+export { Slider } from './components/Slider/index.js';
+export { Carousel, CarouselSlide } from './components/Carousel/index.js';
+export { Image } from './components/Image/index.js';
 // Layout Components
 export { Container } from './components/Container/index.js';
 export { Grid } from './components/Grid/index.js';

package/dist/types/data-display.d.ts

@@ -55,6 +55,25 @@ export interface ListItemProps {
     disabled?: boolean;
     class?: string;
 }
+export type ChipVariant = 'filled' | 'outlined' | 'soft';
+export type ChipColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export type ChipSize = 'sm' | 'md' | 'lg';
+export interface ChipProps {
+    variant?: ChipVariant;
+    color?: ChipColor;
+    size?: ChipSize;
+    removable?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    onclick?: () => void;
+    onremove?: () => void;
+    class?: string;
+}
+export interface ChipGroupProps {
+    value?: string | string[];
+    multiple?: boolean;
+    class?: string;
+}
 export interface TableProps {
     striped?: boolean;
     bordered?: boolean;
@@ -91,3 +110,52 @@ export interface TableCellProps {
     nowrap?: boolean;
     class?: string;
 }
+export interface AccordionProps {
+    value?: string | string[];
+    multiple?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+export interface AccordionItemProps {
+    value: string;
+    disabled?: boolean;
+    class?: string;
+}
+export interface SliderProps {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    showValue?: boolean;
+    showTicks?: boolean;
+    class?: string;
+}
+export interface CarouselProps {
+    activeIndex?: number;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    loop?: boolean;
+    showIndicators?: boolean;
+    showArrows?: boolean;
+    class?: string;
+}
+export interface CarouselSlideProps {
+    class?: string;
+}
+export type ImageObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ImageRounded = boolean | 'sm' | 'md' | 'lg' | 'full';
+export interface ImageProps {
+    src: string;
+    alt: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: 'lazy' | 'eager';
+    objectFit?: ImageObjectFit;
+    objectPosition?: string;
+    placeholder?: string;
+    fallback?: string;
+    rounded?: ImageRounded;
+    aspectRatio?: string;
+    class?: string;
+}

package/dist/types/index.d.ts

@@ -126,8 +126,9 @@ export interface SwitchProps {
     disabled?: boolean;
     class?: string;
 }
-export type { TabsOrientation, TabsProps, TabListProps, TabTriggerProps, TabContentProps, MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuSeparatorProps, MenuSubProps, MenuSubTriggerProps, MenuSubContentProps, BreadcrumbItemData, BreadcrumbsProps, BreadcrumbItemProps, BottomNavItemData, BottomNavProps, BottomNavItemProps, NavItemProps, NavbarProps, SidebarItemData, SidebarProps, SidebarItemProps, SidebarGroupProps } from './navigation.js';
+export type { TabsOrientation, TabsProps, TabListProps, TabTriggerProps, TabContentProps, MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuSeparatorProps, MenuSubProps, MenuSubTriggerProps, MenuSubContentProps, BreadcrumbItemData, BreadcrumbsProps, BreadcrumbItemProps, BottomNavItemData, BottomNavProps, BottomNavItemProps, NavItemProps, NavbarProps, SidebarItemData, SidebarProps, SidebarItemProps, SidebarGroupProps, StepperOrientation, StepperProps, StepperStepProps } from './navigation.js';
 export type { AlertVariant, AlertProps, ToastVariant, ToastPosition, ToastData, ToastProps, ToastContainerProps, ModalSize, ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ProgressSize, ProgressBarProps, ProgressCircleProps, SpinnerProps, TooltipSide, TooltipProps, PopoverSide, PopoverProps, PopoverTriggerProps, PopoverContentProps, SkeletonVariant, SkeletonProps } from './feedback.js';
-export type { CardVariant, CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, AvatarSize, AvatarShape, AvatarProps, AvatarGroupProps, TagVariant, TagSize, TagProps, EmptyStateSize, EmptyStateProps, ListProps, ListItemProps, TableProps, TableHeadProps, TableHeaderAlign, TableHeaderSortDirection, TableHeaderProps, TableBodyProps, TableRowProps, TableCellAlign, TableCellProps } from './data-display.js';
+export type { CardVariant, CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, AvatarSize, AvatarShape, AvatarProps, AvatarGroupProps, TagVariant, TagSize, TagProps, ChipVariant, ChipColor, ChipSize, ChipProps, ChipGroupProps, EmptyStateSize, EmptyStateProps, ListProps, ListItemProps, TableProps, TableHeadProps, TableHeaderAlign, TableHeaderSortDirection, TableHeaderProps, TableBodyProps, TableRowProps, TableCellAlign, TableCellProps, AccordionProps, AccordionItemProps, SliderProps, CarouselProps, CarouselSlideProps, ImageObjectFit, ImageRounded, ImageProps } from './data-display.js';
 export type { ContainerSize, ContainerProps, GridAlign, GridJustify, SpacingToken, GridProps, GridItemProps, StackDirection, StackProps, DividerOrientation, DividerProps, SpacerSize, SpacerProps, AspectRatioPreset, AspectRatioProps, CenterProps, BoxProps } from './layout.js';
 export type { SafeAreaEdge, SafeAreaProps, BottomSheetSnapPoint, BottomSheetProps, BottomSheetHeaderProps, BottomSheetBodyProps, ActionSheetAction, ActionSheetProps, ActionSheetItemProps, PullToRefreshProps, SwipeActionSide, SwipeActionData, SwipeActionsProps, SwipeActionProps, FABSize, FABPosition, FABProps, FABAction, FABGroupProps } from './mobile.js';
+export type { SearchInputProps, DatePickerProps, FileUploadProps, OTPInputProps, TimeFormat, TimePickerProps, RatingProps, ToggleGroupType, ToggleGroupOrientation, ToggleGroupProps, ToggleGroupItemProps } from './input.js';

package/dist/types/input.d.ts

@@ -0,0 +1,82 @@
+export interface SearchInputProps {
+    value?: string;
+    placeholder?: string;
+    suggestions?: string[];
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    maxSuggestions?: number;
+    class?: string;
+}
+export interface DatePickerProps {
+    value?: Date | null;
+    placeholder?: string;
+    min?: Date | null;
+    max?: Date | null;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    format?: string;
+    locale?: string;
+    class?: string;
+}
+export interface FileUploadProps {
+    files?: File[];
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    showPreview?: boolean;
+    class?: string;
+}
+export interface OTPInputProps {
+    value?: string;
+    length?: number;
+    type?: 'numeric' | 'alphanumeric';
+    masked?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    autoFocus?: boolean;
+    class?: string;
+}
+export type TimeFormat = '12h' | '24h';
+export interface TimePickerProps {
+    value?: string;
+    format?: TimeFormat;
+    minuteStep?: number;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    placeholder?: string;
+    class?: string;
+}
+export interface RatingProps {
+    value?: number;
+    max?: number;
+    allowHalf?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    showValue?: boolean;
+    class?: string;
+}
+export type ToggleGroupType = 'single' | 'multiple';
+export type ToggleGroupOrientation = 'horizontal' | 'vertical';
+export interface ToggleGroupProps {
+    type?: ToggleGroupType;
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    disabled?: boolean;
+    orientation?: ToggleGroupOrientation;
+    class?: string;
+}
+export interface ToggleGroupItemProps {
+    value: string;
+    disabled?: boolean;
+    class?: string;
+}

package/dist/types/input.js

@@ -0,0 +1,2 @@
+// Input-related component types
+export {};

package/dist/types/navigation.d.ts

@@ -116,3 +116,18 @@ export interface SidebarGroupProps {
     defaultCollapsed?: boolean;
     class?: string;
 }
+export type StepperOrientation = 'horizontal' | 'vertical';
+export interface StepperProps {
+    activeStep?: number;
+    orientation?: StepperOrientation;
+    linear?: boolean;
+    class?: string;
+}
+export interface StepperStepProps {
+    label: string;
+    description?: string;
+    optional?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    class?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@aspect-ops/exon-ui",
-	"version": "0.0.3",
+	"version": "0.2.0",
 	"description": "Reusable Svelte UI components for web and Capacitor mobile apps",
 	"author": "Exon Team",
 	"license": "MIT",