@aspect-ops/exon-ui 0.0.1

package/dist/types/index.d.ts

@@ -0,0 +1,129 @@
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    class?: string;
+}
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-lg' | 'body' | 'body-sm' | 'caption';
+export interface TypographyProps {
+    variant?: TypographyVariant;
+    as?: keyof HTMLElementTagNameMap;
+    class?: string;
+}
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface IconProps {
+    name: string;
+    size?: IconSize;
+    class?: string;
+    'aria-label'?: string;
+    'aria-hidden'?: boolean;
+}
+export type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+export interface BadgeProps {
+    variant?: BadgeVariant;
+    class?: string;
+}
+export interface LinkProps {
+    href: string;
+    external?: boolean;
+    class?: string;
+}
+export type InputSize = 'sm' | 'md' | 'lg';
+export type TextInputType = 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+export interface FormFieldProps {
+    label?: string;
+    htmlFor?: string;
+    helperText?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+export interface TextInputProps {
+    type?: TextInputType;
+    value?: string;
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    size?: InputSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    error?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    pattern?: string;
+    autocomplete?: string;
+    class?: string;
+}
+export interface TextareaProps {
+    value?: string;
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    size?: InputSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    error?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    rows?: number;
+    autoResize?: boolean;
+    showCharacterCount?: boolean;
+    class?: string;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    value?: string;
+    options: SelectOption[];
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    size?: InputSize;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    class?: string;
+}
+export interface CheckboxProps {
+    checked?: boolean;
+    indeterminate?: boolean;
+    value?: string;
+    name?: string;
+    id?: string;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    class?: string;
+}
+export interface RadioProps {
+    value: string;
+    name: string;
+    checked?: boolean;
+    id?: string;
+    disabled?: boolean;
+    class?: string;
+}
+export interface RadioGroupProps {
+    value?: string;
+    name: string;
+    disabled?: boolean;
+    class?: string;
+}
+export interface SwitchProps {
+    checked?: boolean;
+    name?: string;
+    id?: string;
+    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';

package/dist/types/index.js

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

package/dist/types/navigation.d.ts

@@ -0,0 +1,118 @@
+export type TabsOrientation = 'horizontal' | 'vertical';
+export interface TabsProps {
+    value?: string;
+    orientation?: TabsOrientation;
+    class?: string;
+}
+export interface TabListProps {
+    scrollable?: boolean;
+    class?: string;
+}
+export interface TabTriggerProps {
+    value: string;
+    disabled?: boolean;
+    class?: string;
+}
+export interface TabContentProps {
+    value: string;
+    lazy?: boolean;
+    class?: string;
+}
+export interface MenuProps {
+    class?: string;
+}
+export interface MenuTriggerProps {
+    class?: string;
+}
+export interface MenuContentProps {
+    class?: string;
+}
+export interface MenuItemProps {
+    disabled?: boolean;
+    icon?: string;
+    class?: string;
+}
+export interface MenuSeparatorProps {
+    class?: string;
+}
+export interface MenuSubProps {
+    class?: string;
+}
+export interface MenuSubTriggerProps {
+    disabled?: boolean;
+    icon?: string;
+    class?: string;
+}
+export interface MenuSubContentProps {
+    class?: string;
+}
+export interface BreadcrumbItemData {
+    label: string;
+    href?: string;
+    icon?: string;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbItemData[];
+    class?: string;
+}
+export interface BreadcrumbItemProps {
+    href?: string;
+    isLast?: boolean;
+    class?: string;
+}
+export interface BottomNavItemData {
+    label: string;
+    icon: string;
+    href?: string;
+    badge?: number;
+}
+export interface BottomNavProps {
+    items: BottomNavItemData[];
+    activeIndex?: number;
+    class?: string;
+}
+export interface BottomNavItemProps {
+    label: string;
+    icon: string;
+    href?: string;
+    active?: boolean;
+    badge?: number;
+    class?: string;
+}
+export interface NavItemProps {
+    label: string;
+    href?: string;
+    active?: boolean;
+    icon?: string;
+    class?: string;
+}
+export interface NavbarProps {
+    class?: string;
+}
+export interface SidebarItemData {
+    label: string;
+    href?: string;
+    icon?: string;
+    badge?: number;
+    children?: SidebarItemData[];
+}
+export interface SidebarProps {
+    items?: SidebarItemData[];
+    collapsed?: boolean;
+    class?: string;
+}
+export interface SidebarItemProps {
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    badge?: number;
+    indentLevel?: number;
+    class?: string;
+}
+export interface SidebarGroupProps {
+    label?: string;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    class?: string;
+}

package/dist/types/navigation.js

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

package/package.json

@@ -0,0 +1,130 @@
+{
+	"name": "@aspect-ops/exon-ui",
+	"version": "0.0.1",
+	"description": "Reusable Svelte UI components for web and Capacitor mobile apps",
+	"author": "Exon Team",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/ExonPro-Innovations-LLP/exon-ui-library.git"
+	},
+	"bugs": {
+		"url": "https://github.com/ExonPro-Innovations-LLP/exon-ui-library/issues"
+	},
+	"homepage": "https://github.com/ExonPro-Innovations-LLP/exon-ui-library#readme",
+	"type": "module",
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"import": "./dist/index.js"
+		},
+		"./Button": {
+			"types": "./dist/components/Button/index.d.ts",
+			"svelte": "./dist/components/Button/index.js"
+		},
+		"./Typography": {
+			"types": "./dist/components/Typography/index.d.ts",
+			"svelte": "./dist/components/Typography/index.js"
+		},
+		"./Icon": {
+			"types": "./dist/components/Icon/index.d.ts",
+			"svelte": "./dist/components/Icon/index.js"
+		},
+		"./Badge": {
+			"types": "./dist/components/Badge/index.d.ts",
+			"svelte": "./dist/components/Badge/index.js"
+		},
+		"./Link": {
+			"types": "./dist/components/Link/index.d.ts",
+			"svelte": "./dist/components/Link/index.js"
+		},
+		"./styles": "./dist/styles/tokens.css",
+		"./package.json": "./package.json"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"keywords": [
+		"svelte",
+		"svelte5",
+		"components",
+		"ui",
+		"capacitor",
+		"mobile",
+		"accessible",
+		"headless"
+	],
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run package",
+		"preview": "vite preview",
+		"package": "svelte-kit sync && svelte-package && publint",
+		"prepublishOnly": "npm run package",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"test:coverage": "vitest run --coverage",
+		"lint": "eslint . --fix",
+		"format": "prettier --write .",
+		"size": "size-limit",
+		"release": "release-it",
+		"release:dry": "release-it --dry-run",
+		"prepare": "husky"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@size-limit/preset-small-lib": "^11.0.0",
+		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@testing-library/svelte": "^5.0.0",
+		"@types/node": "^20.0.0",
+		"@typescript-eslint/eslint-plugin": "^8.0.0",
+		"@typescript-eslint/parser": "^8.0.0",
+		"@vitest/coverage-v8": "^2.0.0",
+		"eslint": "^9.0.0",
+		"eslint-plugin-svelte": "^2.0.0",
+		"globals": "^17.0.0",
+		"husky": "^9.1.7",
+		"jsdom": "^25.0.0",
+		"lint-staged": "^16.2.7",
+		"prettier": "^3.0.0",
+		"prettier-plugin-svelte": "^3.0.0",
+		"publint": "^0.2.0",
+		"release-it": "^17.0.0",
+		"size-limit": "^11.0.0",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"typescript": "^5.0.0",
+		"vite": "^5.0.0",
+		"vitest": "^2.0.0"
+	},
+	"dependencies": {
+		"bits-ui": "^1.0.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"sideEffects": [
+		"**/*.css"
+	],
+	"lint-staged": {
+		"*.{js,ts,svelte}": [
+			"eslint --fix",
+			"prettier --write"
+		],
+		"*.{json,css,md}": [
+			"prettier --write"
+		]
+	}
+}