@aspect-ops/exon-ui 0.1.0 → 0.2.1

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

@@ -0,0 +1,17 @@
+interface Props {
+    /** Unique identifier for the content being viewed */
+    slug: string;
+    /** Whether to show the "views" label */
+    showLabel?: boolean;
+    /** Whether to track the view (POST to API) or just display */
+    trackView?: boolean;
+    /** Custom class */
+    class?: string;
+    /** Callback to get current view count */
+    onGetCount?: (slug: string) => Promise<number>;
+    /** Callback to track/increment view */
+    onTrackView?: (slug: string) => Promise<number>;
+}
+declare const ViewCounter: import("svelte").Component<Props, {}, "">;
+type ViewCounter = ReturnType<typeof ViewCounter>;
+export default ViewCounter;

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

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

package/dist/components/ViewCounter/index.js

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

package/dist/index.d.ts

@@ -16,6 +16,12 @@ 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 { NumberInput } from './components/NumberInput/index.js';
+export { Pagination } from './components/Pagination/index.js';
+export { Chip, ChipGroup } from './components/Chip/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';
@@ -71,4 +77,10 @@ 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, SearchInputProps, DatePickerProps, FileUploadProps, OTPInputProps, TimeFormat, TimePickerProps, RatingProps, 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';
+export { Chatbot, ChatMessage } from './components/Chatbot/index.js';
+export type { ChatMessage as ChatMessageType, MessageRole, LeadData, ChatbotProps } from './components/Chatbot/types.js';
+export { ContactForm } from './components/ContactForm/index.js';
+export { ViewCounter } from './components/ViewCounter/index.js';
+export { Mermaid } from './components/Mermaid/index.js';
+export { DoughnutChart } from './components/DoughnutChart/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, NumberInputProps, PaginationProps, 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

@@ -20,6 +20,12 @@ 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 { NumberInput } from './components/NumberInput/index.js';
+export { Pagination } from './components/Pagination/index.js';
+export { Chip, ChipGroup } from './components/Chip/index.js';
 // Navigation Components
 export { default as Tabs } from './components/Tabs/Tabs.svelte';
 export { default as TabList } from './components/Tabs/TabList.svelte';
@@ -80,3 +86,9 @@ 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';
+// Website Components
+export { Chatbot, ChatMessage } from './components/Chatbot/index.js';
+export { ContactForm } from './components/ContactForm/index.js';
+export { ViewCounter } from './components/ViewCounter/index.js';
+export { Mermaid } from './components/Mermaid/index.js';
+export { DoughnutChart } from './components/DoughnutChart/index.js';

package/dist/styles/tokens.css

@@ -153,7 +153,8 @@
 	 * Scale: 1.2 → 1.25
 	 * ======================================== */
 
-	--font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+	--font-family:
+		'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 	--font-family-mono: ui-monospace, 'SF Mono', Menlo, Monaco, 'Cascadia Code', monospace;
 
 	/* Fluid type scale */

package/dist/types/index.d.ts

@@ -131,4 +131,4 @@ export type { AlertVariant, AlertProps, ToastVariant, ToastPosition, ToastData,
 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 } from './input.js';
+export type { SearchInputProps, DatePickerProps, FileUploadProps, OTPInputProps, TimeFormat, TimePickerProps, RatingProps, ToggleGroupType, ToggleGroupOrientation, ToggleGroupProps, ToggleGroupItemProps, NumberInputProps, PaginationProps } from './input.js';

package/dist/types/input.d.ts

@@ -65,3 +65,38 @@ export interface RatingProps {
     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;
+}
+export interface NumberInputProps {
+    value?: number | null;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    error?: boolean;
+    class?: string;
+    onValueChange?: (value: number | null) => void;
+}
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    siblingCount?: number;
+    onPageChange?: (page: number) => void;
+    class?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@aspect-ops/exon-ui",
-	"version": "0.1.0",
+	"version": "0.2.1",
 	"description": "Reusable Svelte UI components for web and Capacitor mobile apps",
 	"author": "Exon Team",
 	"license": "MIT",
@@ -98,6 +98,7 @@
 		"husky": "^9.1.7",
 		"jsdom": "^25.0.0",
 		"lint-staged": "^16.2.7",
+		"mermaid": "^11.12.2",
 		"prettier": "^3.0.0",
 		"prettier-plugin-svelte": "^3.0.0",
 		"publint": "^0.2.0",