@aspect-ops/exon-ui 0.0.2 → 0.0.3

package/dist/components/Tooltip/Tooltip.svelte

@@ -0,0 +1,71 @@
+<script lang="ts">
+	import type { TooltipProps } from '../../types/index.js';
+	import { Tooltip as BitsTooltip } from 'bits-ui';
+
+	interface Props extends TooltipProps {
+		children?: import('svelte').Snippet;
+	}
+
+	let { content, side = 'top', delay = 300, class: className = '', children }: Props = $props();
+</script>
+
+<BitsTooltip.Provider>
+	<BitsTooltip.Root delayDuration={delay}>
+		<BitsTooltip.Trigger child={children}></BitsTooltip.Trigger>
+		<BitsTooltip.Portal>
+			<BitsTooltip.Content {side} class="tooltip-content {className}">
+				{content}
+			</BitsTooltip.Content>
+		</BitsTooltip.Portal>
+	</BitsTooltip.Root>
+</BitsTooltip.Provider>
+
+<style>
+	/* Tooltip content */
+	:global(.tooltip-content) {
+		/* MUST set font-family explicitly - portal doesn't inherit (F33) */
+		font-family: var(--font-family, system-ui, -apple-system, sans-serif);
+		background: var(--exon-tooltip-bg, var(--exon-color-neutral-900, #1f2937));
+		color: var(--exon-tooltip-text, white);
+		font-size: 0.75rem;
+		padding: 0.375rem 0.625rem;
+		border-radius: var(--exon-radius-sm, 0.25rem);
+		max-width: 15rem;
+		box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
+		z-index: 200;
+		/* Prevent text wrapping issues */
+		word-wrap: break-word;
+		line-height: 1.4;
+	}
+
+	/* Fade-in animation */
+	:global(.tooltip-content[data-state='delayed-open']) {
+		animation: tooltip-fade-in 150ms ease-out;
+	}
+
+	:global(.tooltip-content[data-state='closed']) {
+		animation: tooltip-fade-out 100ms ease-in;
+	}
+
+	@keyframes -global-tooltip-fade-in {
+		from {
+			opacity: 0;
+			transform: scale(0.95);
+		}
+		to {
+			opacity: 1;
+			transform: scale(1);
+		}
+	}
+
+	@keyframes -global-tooltip-fade-out {
+		from {
+			opacity: 1;
+			transform: scale(1);
+		}
+		to {
+			opacity: 0;
+			transform: scale(0.95);
+		}
+	}
+</style>

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

@@ -0,0 +1,7 @@
+import type { TooltipProps } from '../../types/index.js';
+interface Props extends TooltipProps {
+    children?: import('svelte').Snippet;
+}
+declare const Tooltip: import("svelte").Component<Props, {}, "">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

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

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip.svelte';
+export type { TooltipProps, TooltipSide } from '../../types/feedback.js';

package/dist/components/Tooltip/index.js

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

package/dist/index.d.ts

@@ -34,4 +34,32 @@ 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 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 } from './types/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';
+export { ProgressBar, ProgressCircle, Spinner } from './components/Progress/index.js';
+export { Tooltip } from './components/Tooltip/index.js';
+export { Popover, PopoverTrigger, PopoverContent } from './components/Popover/index.js';
+export { Skeleton } from './components/Skeleton/index.js';
+export { Card, CardHeader, CardBody, CardFooter } from './components/Card/index.js';
+export { Avatar, AvatarGroup } from './components/Avatar/index.js';
+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 { Container } from './components/Container/index.js';
+export { Grid } from './components/Grid/index.js';
+export { GridItem } from './components/Grid/index.js';
+export { Stack } from './components/Stack/index.js';
+export { Divider } from './components/Divider/index.js';
+export { Spacer } from './components/Spacer/index.js';
+export { AspectRatio } from './components/AspectRatio/index.js';
+export { Center } from './components/Center/index.js';
+export { Box } from './components/Box/index.js';
+export { default as SafeArea } from './components/SafeArea/SafeArea.svelte';
+export { BottomSheet, BottomSheetHeader, BottomSheetBody } from './components/BottomSheet/index.js';
+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';

package/dist/index.js

@@ -39,3 +39,35 @@ 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';
+// Feedback Components
+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';
+export { ProgressBar, ProgressCircle, Spinner } from './components/Progress/index.js';
+export { Tooltip } from './components/Tooltip/index.js';
+export { Popover, PopoverTrigger, PopoverContent } from './components/Popover/index.js';
+export { Skeleton } from './components/Skeleton/index.js';
+// Data Display Components
+export { Card, CardHeader, CardBody, CardFooter } from './components/Card/index.js';
+export { Avatar, AvatarGroup } from './components/Avatar/index.js';
+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';
+// Layout Components
+export { Container } from './components/Container/index.js';
+export { Grid } from './components/Grid/index.js';
+export { GridItem } from './components/Grid/index.js';
+export { Stack } from './components/Stack/index.js';
+export { Divider } from './components/Divider/index.js';
+export { Spacer } from './components/Spacer/index.js';
+export { AspectRatio } from './components/AspectRatio/index.js';
+export { Center } from './components/Center/index.js';
+export { Box } from './components/Box/index.js';
+// Mobile Components
+export { default as SafeArea } from './components/SafeArea/SafeArea.svelte';
+export { BottomSheet, BottomSheetHeader, BottomSheetBody } from './components/BottomSheet/index.js';
+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';

package/dist/styles/tokens.css

@@ -94,6 +94,7 @@
 	--color-bg-hover: var(--gray-4);
 	--color-bg-active: var(--gray-5);
 	--color-bg-elevated: #ffffff;
+	--color-bg-card: #ffffff;
 
 	/* Text */
 	--color-text: var(--gray-12);
@@ -339,6 +340,8 @@
 
 	/* Semantic overrides for dark mode */
 	--color-bg-elevated: var(--gray-2);
+	--color-bg-card: var(--gray-3);
+	--color-bg-muted: var(--gray-4);
 	--color-text-inverse: var(--gray-12);
 
 	/* Shadows for dark mode */
@@ -426,6 +429,8 @@
 
 		/* Semantic overrides */
 		--color-bg-elevated: var(--gray-2);
+		--color-bg-card: var(--gray-3);
+		--color-bg-muted: var(--gray-4);
 		--color-text-inverse: var(--gray-12);
 	}
 }

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

@@ -0,0 +1,93 @@
+export type CardVariant = 'elevated' | 'outlined' | 'filled';
+export interface CardProps {
+    variant?: CardVariant;
+    clickable?: boolean;
+    class?: string;
+}
+export interface CardHeaderProps {
+    class?: string;
+}
+export interface CardBodyProps {
+    class?: string;
+}
+export interface CardFooterProps {
+    class?: string;
+}
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square';
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    class?: string;
+}
+export interface AvatarGroupProps {
+    max?: number;
+    size?: AvatarSize;
+    spacing?: string;
+    class?: string;
+}
+export type TagVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+export type TagSize = 'sm' | 'md' | 'lg';
+export interface TagProps {
+    variant?: TagVariant;
+    size?: TagSize;
+    dismissible?: boolean;
+    ondismiss?: () => void;
+    class?: string;
+}
+export type EmptyStateSize = 'sm' | 'md' | 'lg';
+export interface EmptyStateProps {
+    title: string;
+    description?: string;
+    size?: EmptyStateSize;
+    class?: string;
+}
+export interface ListProps {
+    dividers?: boolean;
+    class?: string;
+}
+export interface ListItemProps {
+    clickable?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+export interface TableProps {
+    striped?: boolean;
+    bordered?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    stickyHeader?: boolean;
+    class?: string;
+}
+export interface TableHeadProps {
+    class?: string;
+}
+export type TableHeaderAlign = 'left' | 'center' | 'right';
+export type TableHeaderSortDirection = 'asc' | 'desc' | null;
+export interface TableHeaderProps {
+    sortable?: boolean;
+    sortDirection?: TableHeaderSortDirection;
+    onsort?: () => void;
+    align?: TableHeaderAlign;
+    class?: string;
+}
+export interface TableBodyProps {
+    class?: string;
+}
+export interface TableRowProps {
+    selected?: boolean;
+    clickable?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+export type TableCellAlign = 'left' | 'center' | 'right';
+export interface TableCellProps {
+    align?: TableCellAlign;
+    truncate?: boolean;
+    nowrap?: boolean;
+    class?: string;
+}

package/dist/types/data-display.js

@@ -0,0 +1 @@
+export {};

package/dist/types/feedback.d.ts

@@ -0,0 +1,92 @@
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+export interface AlertProps {
+    variant?: AlertVariant;
+    dismissible?: boolean;
+    icon?: string;
+    class?: string;
+}
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+export type ToastPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+export interface ToastData {
+    id: string;
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    dismissible?: boolean;
+}
+export interface ToastProps {
+    variant?: ToastVariant;
+    dismissible?: boolean;
+    progress?: boolean;
+    class?: string;
+}
+export interface ToastContainerProps {
+    position?: ToastPosition;
+    class?: string;
+}
+export type ModalSize = 'sm' | 'md' | 'lg' | 'full';
+export interface ModalProps {
+    open?: boolean;
+    size?: ModalSize;
+    closeOnEscape?: boolean;
+    closeOnBackdrop?: boolean;
+    class?: string;
+}
+export interface ModalHeaderProps {
+    class?: string;
+}
+export interface ModalBodyProps {
+    class?: string;
+}
+export interface ModalFooterProps {
+    class?: string;
+}
+export type ProgressSize = 'sm' | 'md' | 'lg';
+export interface ProgressBarProps {
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    size?: ProgressSize;
+    class?: string;
+}
+export interface ProgressCircleProps {
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    size?: ProgressSize;
+    strokeWidth?: number;
+    class?: string;
+}
+export interface SpinnerProps {
+    size?: ProgressSize;
+    class?: string;
+}
+export type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
+export interface TooltipProps {
+    content: string;
+    side?: TooltipSide;
+    delay?: number;
+    class?: string;
+}
+export type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
+export interface PopoverProps {
+    class?: string;
+}
+export interface PopoverTriggerProps {
+    class?: string;
+}
+export interface PopoverContentProps {
+    side?: PopoverSide;
+    class?: string;
+}
+export type SkeletonVariant = 'text' | 'circle' | 'rectangle';
+export interface SkeletonProps {
+    variant?: SkeletonVariant;
+    width?: string;
+    height?: string;
+    class?: string;
+}

package/dist/types/feedback.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -127,3 +127,7 @@ export interface SwitchProps {
     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 { 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 { 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';

package/dist/types/layout.d.ts

@@ -0,0 +1,57 @@
+export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface ContainerProps {
+    size?: ContainerSize;
+    centered?: boolean;
+    class?: string;
+}
+export type GridAlign = 'start' | 'center' | 'end' | 'stretch';
+export type GridJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type SpacingToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+export interface GridProps {
+    columns?: number;
+    gap?: SpacingToken;
+    align?: GridAlign;
+    justify?: GridJustify;
+    class?: string;
+}
+export interface GridItemProps {
+    colSpan?: number;
+    rowSpan?: number;
+    class?: string;
+}
+export type StackDirection = 'row' | 'column';
+export interface StackProps {
+    direction?: StackDirection;
+    gap?: SpacingToken;
+    align?: GridAlign;
+    justify?: GridJustify;
+    wrap?: boolean;
+    class?: string;
+}
+export type DividerOrientation = 'horizontal' | 'vertical';
+export interface DividerProps {
+    orientation?: DividerOrientation;
+    decorative?: boolean;
+    class?: string;
+}
+export type SpacerSize = SpacingToken | 'fill';
+export interface SpacerProps {
+    size?: SpacerSize;
+    class?: string;
+}
+export type AspectRatioPreset = '1:1' | '16:9' | '4:3' | '21:9' | '3:2';
+export interface AspectRatioProps {
+    ratio?: number | AspectRatioPreset;
+    class?: string;
+}
+export interface CenterProps {
+    inline?: boolean;
+    class?: string;
+}
+export interface BoxProps {
+    padding?: SpacingToken;
+    margin?: SpacingToken;
+    radius?: SpacingToken;
+    as?: keyof HTMLElementTagNameMap;
+    class?: string;
+}

package/dist/types/layout.js

@@ -0,0 +1 @@
+export {};

package/dist/types/mobile.d.ts

@@ -0,0 +1,91 @@
+export type SafeAreaEdge = 'top' | 'right' | 'bottom' | 'left';
+export interface SafeAreaProps {
+    edges?: SafeAreaEdge[];
+    class?: string;
+}
+export type BottomSheetSnapPoint = 'min' | 'half' | 'full' | number;
+export interface BottomSheetProps {
+    open?: boolean;
+    snapPoints?: BottomSheetSnapPoint[];
+    defaultSnapPoint?: BottomSheetSnapPoint;
+    showHandle?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    class?: string;
+}
+export interface BottomSheetHeaderProps {
+    sticky?: boolean;
+    class?: string;
+}
+export interface BottomSheetBodyProps {
+    class?: string;
+}
+export interface ActionSheetAction {
+    label: string;
+    icon?: string;
+    destructive?: boolean;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface ActionSheetProps {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    cancelLabel?: string;
+    showCancel?: boolean;
+    closeOnSelect?: boolean;
+    class?: string;
+}
+export interface ActionSheetItemProps {
+    destructive?: boolean;
+    disabled?: boolean;
+    icon?: string;
+    class?: string;
+}
+export interface PullToRefreshProps {
+    refreshing?: boolean;
+    threshold?: number;
+    maxPull?: number;
+    disabled?: boolean;
+    class?: string;
+}
+export type SwipeActionSide = 'left' | 'right';
+export interface SwipeActionData {
+    label: string;
+    icon?: string;
+    color?: string;
+    onAction?: () => void;
+}
+export interface SwipeActionsProps {
+    leftActions?: SwipeActionData[];
+    rightActions?: SwipeActionData[];
+    threshold?: number;
+    disabled?: boolean;
+    class?: string;
+}
+export interface SwipeActionProps {
+    color?: string;
+    class?: string;
+}
+export type FABSize = 'sm' | 'md' | 'lg';
+export type FABPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left';
+export interface FABProps {
+    size?: FABSize;
+    position?: FABPosition;
+    extended?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+export interface FABAction {
+    label: string;
+    icon: string;
+    onAction?: () => void;
+}
+export interface FABGroupProps {
+    actions: FABAction[];
+    icon?: string;
+    closeIcon?: string;
+    position?: FABPosition;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    class?: string;
+}

package/dist/types/mobile.js

@@ -0,0 +1 @@
+export {};