automoby-kit 1.0.0

package/dist/types/components/RadioGroup/RadioGroup.stories.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/RadioGroup/RadioGroup").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        value: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+        direction: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    value: string;
+    disabled: boolean;
+    isMobile: boolean;
+    direction: 'vertical' | 'horizontal';
+};
+export declare const Playground: {
+    ({ value: valueArg, disabled, isMobile, direction, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        value: string;
+        disabled: boolean;
+        isMobile: boolean;
+    };
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithoutIcons: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const DisabledStates: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AutoResponsive: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const InteractiveExample: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AllStates: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Display label for the tab
+     */
+    label: string;
+    /**
+     * Badge count number (optional)
+     */
+    count?: number;
+    /**
+     * Whether the tab is disabled
+     */
+    disabled?: boolean;
+}
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of tab items
+     */
+    items: TabItem[];
+    /**
+     * Currently active tab ID
+     */
+    activeTab: string;
+    /**
+     * Callback when tab is clicked
+     */
+    onTabChange: (tabId: string) => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Override mobile detection for testing
+     */
+    isMobile?: boolean;
+}
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export { Tabs };

package/dist/types/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/Tabs/Tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        activeTab: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    activeTab: string;
+    isMobile: boolean;
+};
+export declare const Playground: {
+    ({ activeTab: activeTabArg, isMobile, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        activeTab: string;
+        isMobile: boolean;
+    };
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithoutBadges: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const MixedCounts: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const DisabledTabs: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AutoResponsive: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const InteractiveExample: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/components/Typography/Typography.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl-heavy' | 'body-l-heavy' | 'body-l-bold' | 'body-l-medium' | 'body-m-heavy' | 'body-m-bold' | 'body-m-medium' | 'body-s-heavy' | 'body-s-bold' | 'body-s-medium' | 'body-ms-bold' | 'body-ms-medium' | 'body-xs-bold' | 'body-xs-medium' | 'body-t-bold' | 'body-t-medium' | 'body-ss-medium';
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    color?: 'primary' | 'secondary' | 'neutral-darker' | 'neutral-dark' | 'neutral-main' | 'white' | 'inherit';
+    as?: React.ElementType;
+}
+export declare const getTypographyClasses: (variant: TypographyVariant) => string;
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;

package/dist/types/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,57 @@
+import { TypographyProps } from './Typography';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        color: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        children: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    (args: TypographyProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        variant: string;
+        children: string;
+        color: string;
+    };
+};
+export declare const AllHeadings: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const BodyCopyVariants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ColorVariants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/contexts/MobileContext.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface MobileContextValue {
+    isMobile: boolean;
+    userAgent: string;
+}
+interface MobileProviderProps {
+    userAgent: string;
+    children: ReactNode;
+}
+declare const MobileContext: import("react").Context<MobileContextValue | undefined>;
+export declare const MobileProvider: React.FC<MobileProviderProps>;
+export declare const useMobile: (isMobile?: boolean) => MobileContextValue;
+export default MobileContext;

package/dist/types/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export { MobileProvider, useMobile } from './MobileContext';
+export { default as MobileContext } from './MobileContext';

package/dist/types/index.d.ts

@@ -0,0 +1,33 @@
+export { initializeAutomobiKit } from './licensing';
+export type { LicenseConfig } from './licensing';
+export declare const Typography: import("react").ForwardRefExoticComponent<Omit<import("./components/Typography/Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("./components/Button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<{
+    state?: "default" | "disabled" | "error";
+    label: string;
+    helperText?: string;
+    startIcon?: import("react").ReactNode;
+    endIcon?: import("react").ReactNode;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("./components/Tabs/Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Drawer: import("react").ForwardRefExoticComponent<Omit<import("./components/Drawer/Drawer").DrawerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<import("./components/Backdrop/Backdrop").BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<Omit<import("./components/Breadcrumb/Breadcrumb").BreadcrumbProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Pagination: import("react").ForwardRefExoticComponent<import("./components/Pagination/Pagination").UnifiedPaginationProps & import("react").RefAttributes<unknown>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<import("./components/Accordion/Accordion").AccordionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Divider: import("react").ForwardRefExoticComponent<Omit<import("./components/Divider/Divider").DividerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("./components/RadioGroup/RadioGroup").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Chips: import("react").ForwardRefExoticComponent<Omit<import("./components/Chips/Chips").ChipsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export type { TypographyProps, TypographyVariant, } from './components/Typography/Typography';
+export type { ButtonProps, ButtonVariant, ButtonSize, } from './components/Button/Button';
+export type { InputProps } from './components/Input/Input';
+export type { TabsProps, TabItem } from './components/Tabs/Tabs';
+export type { DrawerProps, DrawerDirection } from './components/Drawer/Drawer';
+export type { BackdropProps } from './components/Backdrop/Backdrop';
+export type { BreadcrumbProps, BreadcrumbItem, } from './components/Breadcrumb/Breadcrumb';
+export type { UnifiedPaginationProps as PaginationProps } from './components/Pagination/Pagination';
+export type { AccordionProps } from './components/Accordion/Accordion';
+export type { DividerProps } from './components/Divider/Divider';
+export type { RadioGroupProps, RadioOption, } from './components/RadioGroup/RadioGroup';
+export type { ChipsProps } from './components/Chips/Chips';
+export { MobileProvider, useMobile } from './contexts/MobileContext';

package/dist/types/licensing/LicenseManager.d.ts

@@ -0,0 +1,41 @@
+/**
+ * License Manager for Automoby Kit
+ * Handles runtime key validation and component access control
+ */
+export interface LicenseConfig {
+    key: string;
+}
+declare class LicenseManager {
+    private static instance;
+    private isInitialized;
+    private isValid;
+    private licenseKey;
+    private validKeys;
+    private constructor();
+    static getInstance(): LicenseManager;
+    /**
+     * Initialize the license with provided configuration
+     */
+    initialize(config: LicenseConfig): boolean;
+    /**
+     * Validate license key (in production, this would call your backend)
+     */
+    private validateLicense;
+    /**
+     * Check if the license is valid and components can be used
+     */
+    canUseComponents(): boolean;
+    /**
+     * Get current license status
+     */
+    getLicenseStatus(): {
+        initialized: boolean;
+        valid: boolean;
+        key: string | null;
+    };
+    /**
+     * Reset license state (useful for testing)
+     */
+    reset(): void;
+}
+export default LicenseManager;

package/dist/types/licensing/index.d.ts

@@ -0,0 +1,30 @@
+import { LicenseConfig } from './LicenseManager';
+/**
+ * Initialize Automoby Kit with your license key
+ * This function must be called before using any components
+ *
+ * @param config - License configuration
+ * @returns boolean indicating success
+ *
+ * @example
+ * ```typescript
+ * import { initializeAutomobiKit } from 'automoby-kit';
+ *
+ * // Initialize with your license key
+ * const success = initializeAutomobiKit({
+ *   key: 'your-license-key-here',
+ *   domain: 'yourdomain.com', // optional
+ *   environment: 'production' // optional
+ * });
+ *
+ * if (success) {
+ *   // Now you can use components
+ * }
+ * ```
+ */
+export declare function initializeAutomobiKit(config: LicenseConfig): boolean;
+/**
+ * Check if components can be used
+ */
+export declare function canUseComponents(): boolean;
+export type { LicenseConfig };

package/dist/types/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export default function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "automoby-kit",
+  "version": "1.0.0",
+  "description": "A comprehensive React UI component library with built-in licensing system - created in war 2025",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "typescript",
+    "tailwind",
+    "kit"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\" --fix",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "check-format": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "check-lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\"",
+    "check-types": "tsc --noEmit",
+    "prepare": "husky",
+    "prepublishOnly": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "storybook:dev": "concurrently \"npm:build:storybook:css:watch\" \"storybook dev -p 6006\"",
+    "build-storybook": "storybook build",
+    "build:storybook:css:watch": "npx @tailwindcss/cli -i ./.storybook/tailwind.css -o ./tailwind-build/tailwind.build.css --watch",
+    "build:storybook:css": "npx @tailwindcss/cli -i ./.storybook/tailwind.css -o ./tailwind-build/tailwind.build.css",
+    "clean": "rimraf dist",
+    "build": "npm run clean && rollup -c"
+  },
+  "author": "Ghazal_kordi Alireza_mirzaee",
+  "license": "ISC",
+  "peerDependencies": {
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.522.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3",
+    "ua-parser-js": "^2.0.4"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.3",
+    "@storybook/addon-docs": "^9.0.6",
+    "@storybook/addon-onboarding": "^9.0.6",
+    "@storybook/react-vite": "^9.0.6",
+    "@tailwindcss/cli": "^4.1.10",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@types/node": "^24.0.3",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "autoprefixer": "^10.4.21",
+    "clsx": "^2.1.1",
+    "concurrently": "^9.2.0",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-import-resolver-typescript": "^4.4.3",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "^9.0.6",
+    "husky": "^9.1.7",
+    "lucide-react": "^0.522.0",
+    "prettier": "^3.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.44.0",
+    "serve": "^14.2.4",
+    "storybook": "^9.0.6",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3",
+    "@types/ua-parser-js": "^0.7.39",
+    "ua-parser-js": "^2.0.4"
+  }
+}