@profitflex/core 1.0.0-beta.1

package/README.md

@@ -0,0 +1,74 @@
+# @profitflex/core
+
+Shared TypeScript types and interfaces for ProfitFlex component library.
+
+## Installation
+
+```bash
+npm install @profitflex/core
+```
+
+## Usage
+
+```typescript
+import type { ButtonProps, Size, ColorVariant } from '@profitflex/core';
+
+// Use in your custom components
+const MyButton: React.FC<ButtonProps> = (props) => {
+  // Implementation
+};
+
+// Use types
+const buttonSize: Size = 'md';
+const buttonColor: ColorVariant = 'primary';
+```
+
+## Available Types
+
+### Common Types
+
+- `Size`: 'sm' | 'md' | 'lg' | 'xl'
+- `ColorVariant`: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info'
+- `Variant`: 'solid' | 'outline' | 'ghost' | 'link'
+- `Radius`: 'none' | 'sm' | 'md' | 'lg' | 'full'
+
+### Component Types
+
+- `ButtonProps`: Base button props for all platforms
+- `WebButtonProps`: Web-specific button props
+- `NativeButtonProps`: React Native button props
+- `IOSButtonProps`: iOS button props (TypeScript documentation)
+- `AndroidButtonProps`: Android button props (TypeScript documentation)
+
+### Interfaces
+
+- `AccessibilityProps`: Common accessibility properties
+- `LoadingProps`: Loading state properties
+- `DisabledProps`: Disabled state properties
+- `InteractiveProps`: Combined props for interactive elements
+
+## Platform-Specific Extensions
+
+Each platform extends the base `ButtonProps` interface with platform-specific properties:
+
+**Web:**
+```typescript
+interface WebButtonProps extends ButtonProps {
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  type?: 'button' | 'submit' | 'reset';
+  className?: string;
+}
+```
+
+**React Native:**
+```typescript
+interface NativeButtonProps extends ButtonProps {
+  onPress?: () => void;
+  style?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+}
+```
+
+## License
+
+UNLICENSED - ProfitFlex proprietary

package/dist/index.d.mts

@@ -0,0 +1,146 @@
+/**
+ * Common types shared across all platforms
+ */
+/** Size variants for components */
+type Size = 'sm' | 'md' | 'lg' | 'xl';
+/** Color variants based on semantic tokens */
+type ColorVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+/** Visual variants for components */
+type Variant = 'solid' | 'outline' | 'ghost' | 'link';
+/** Radius variants for components */
+type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+/** Common accessibility props */
+interface AccessibilityProps {
+    /** Accessible label for screen readers */
+    accessibilityLabel?: string;
+    /** Hint text for screen readers */
+    accessibilityHint?: string;
+    /** Role of the element */
+    accessibilityRole?: string;
+}
+/** Common loading state */
+interface LoadingProps {
+    /** Whether the component is in a loading state */
+    isLoading?: boolean;
+    /** Custom loading text */
+    loadingText?: string;
+}
+/** Common disabled state */
+interface DisabledProps {
+    /** Whether the component is disabled */
+    disabled?: boolean;
+}
+/** Common props for interactive components */
+interface InteractiveProps extends AccessibilityProps, LoadingProps, DisabledProps {
+    /** Test ID for testing frameworks */
+    testID?: string;
+}
+
+/**
+ * Unified Button props interface used across all platforms
+ * Each platform implementation should map these props to their native equivalents
+ */
+interface ButtonProps extends InteractiveProps {
+    /** Button visual variant */
+    variant?: Variant;
+    /** Button size */
+    size?: Size;
+    /** Button color scheme */
+    color?: ColorVariant;
+    /** Border radius */
+    radius?: Radius;
+    /** Whether the button should take full width of its container */
+    fullWidth?: boolean;
+    /** Icon to display before the button text */
+    leftIcon?: any;
+    /** Icon to display after the button text */
+    rightIcon?: any;
+    /** Button content/children */
+    children?: any;
+}
+/**
+ * Platform-specific button implementations
+ */
+/** Web (React) specific props */
+interface WebButtonProps extends ButtonProps {
+    /** Click handler */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** HTML button type */
+    type?: 'button' | 'submit' | 'reset';
+    /** Form attribute */
+    form?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Children elements */
+    children?: React.ReactNode;
+    /** Icon components */
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+/** React Native specific props */
+interface NativeButtonProps extends ButtonProps {
+    /** Press handler */
+    onPress?: () => void;
+    /** Long press handler */
+    onLongPress?: () => void;
+    /** Additional style object */
+    style?: any;
+    /** Text style object */
+    textStyle?: any;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/** iOS (Swift) specific interface - documented for Swift implementation */
+interface IOSButtonProps {
+    /** Button text */
+    title: string;
+    /** Button action closure */
+    action: () => void;
+    /** Visual variant */
+    variant?: Variant;
+    /** Size variant */
+    size?: Size;
+    /** Color scheme */
+    color?: ColorVariant;
+    /** Border radius */
+    radius?: Radius;
+    /** Full width */
+    fullWidth?: boolean;
+    /** System image name for left icon */
+    leftIcon?: string;
+    /** System image name for right icon */
+    rightIcon?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+}
+/** Android (Compose) specific interface - documented for Kotlin implementation */
+interface AndroidButtonProps {
+    /** Button text */
+    text: string;
+    /** Click handler */
+    onClick: () => void;
+    /** Visual variant */
+    variant?: Variant;
+    /** Size variant */
+    size?: Size;
+    /** Color scheme */
+    color?: ColorVariant;
+    /** Border radius */
+    radius?: Radius;
+    /** Full width modifier */
+    fullWidth?: boolean;
+    /** Vector drawable resource ID for left icon */
+    leftIcon?: number;
+    /** Vector drawable resource ID for right icon */
+    rightIcon?: number;
+    /** Disabled state */
+    enabled?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Content description for accessibility */
+    contentDescription?: string;
+}
+
+export type { AccessibilityProps, AndroidButtonProps, ButtonProps, ColorVariant, DisabledProps, IOSButtonProps, InteractiveProps, LoadingProps, NativeButtonProps, Radius, Size, Variant, WebButtonProps };

package/dist/index.d.ts

@@ -0,0 +1,146 @@
+/**
+ * Common types shared across all platforms
+ */
+/** Size variants for components */
+type Size = 'sm' | 'md' | 'lg' | 'xl';
+/** Color variants based on semantic tokens */
+type ColorVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+/** Visual variants for components */
+type Variant = 'solid' | 'outline' | 'ghost' | 'link';
+/** Radius variants for components */
+type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+/** Common accessibility props */
+interface AccessibilityProps {
+    /** Accessible label for screen readers */
+    accessibilityLabel?: string;
+    /** Hint text for screen readers */
+    accessibilityHint?: string;
+    /** Role of the element */
+    accessibilityRole?: string;
+}
+/** Common loading state */
+interface LoadingProps {
+    /** Whether the component is in a loading state */
+    isLoading?: boolean;
+    /** Custom loading text */
+    loadingText?: string;
+}
+/** Common disabled state */
+interface DisabledProps {
+    /** Whether the component is disabled */
+    disabled?: boolean;
+}
+/** Common props for interactive components */
+interface InteractiveProps extends AccessibilityProps, LoadingProps, DisabledProps {
+    /** Test ID for testing frameworks */
+    testID?: string;
+}
+
+/**
+ * Unified Button props interface used across all platforms
+ * Each platform implementation should map these props to their native equivalents
+ */
+interface ButtonProps extends InteractiveProps {
+    /** Button visual variant */
+    variant?: Variant;
+    /** Button size */
+    size?: Size;
+    /** Button color scheme */
+    color?: ColorVariant;
+    /** Border radius */
+    radius?: Radius;
+    /** Whether the button should take full width of its container */
+    fullWidth?: boolean;
+    /** Icon to display before the button text */
+    leftIcon?: any;
+    /** Icon to display after the button text */
+    rightIcon?: any;
+    /** Button content/children */
+    children?: any;
+}
+/**
+ * Platform-specific button implementations
+ */
+/** Web (React) specific props */
+interface WebButtonProps extends ButtonProps {
+    /** Click handler */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** HTML button type */
+    type?: 'button' | 'submit' | 'reset';
+    /** Form attribute */
+    form?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Children elements */
+    children?: React.ReactNode;
+    /** Icon components */
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+/** React Native specific props */
+interface NativeButtonProps extends ButtonProps {
+    /** Press handler */
+    onPress?: () => void;
+    /** Long press handler */
+    onLongPress?: () => void;
+    /** Additional style object */
+    style?: any;
+    /** Text style object */
+    textStyle?: any;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/** iOS (Swift) specific interface - documented for Swift implementation */
+interface IOSButtonProps {
+    /** Button text */
+    title: string;
+    /** Button action closure */
+    action: () => void;
+    /** Visual variant */
+    variant?: Variant;
+    /** Size variant */
+    size?: Size;
+    /** Color scheme */
+    color?: ColorVariant;
+    /** Border radius */
+    radius?: Radius;
+    /** Full width */
+    fullWidth?: boolean;
+    /** System image name for left icon */
+    leftIcon?: string;
+    /** System image name for right icon */
+    rightIcon?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+}
+/** Android (Compose) specific interface - documented for Kotlin implementation */
+interface AndroidButtonProps {
+    /** Button text */
+    text: string;
+    /** Click handler */
+    onClick: () => void;
+    /** Visual variant */
+    variant?: Variant;
+    /** Size variant */
+    size?: Size;
+    /** Color scheme */
+    color?: ColorVariant;
+    /** Border radius */
+    radius?: Radius;
+    /** Full width modifier */
+    fullWidth?: boolean;
+    /** Vector drawable resource ID for left icon */
+    leftIcon?: number;
+    /** Vector drawable resource ID for right icon */
+    rightIcon?: number;
+    /** Disabled state */
+    enabled?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Content description for accessibility */
+    contentDescription?: string;
+}
+
+export type { AccessibilityProps, AndroidButtonProps, ButtonProps, ColorVariant, DisabledProps, IOSButtonProps, InteractiveProps, LoadingProps, NativeButtonProps, Radius, Size, Variant, WebButtonProps };

package/dist/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@profitflex/core",
+  "version": "1.0.0-beta.1",
+  "description": "Shared types and interfaces for ProfitFlex component library",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "clean": "rm -rf dist"
+  },
+  "keywords": ["design-system", "types", "profitflex"],
+  "author": "ProfitFlex",
+  "license": "UNLICENSED",
+  "files": ["dist"],
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}