my-animated-components 1.0.0

package/dist/index.js

@@ -0,0 +1,80 @@
+import fs from 'fs';
+import path from 'path';
+
+function styleInject(css, ref) {
+  if ( ref === undefined ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n";
+styleInject(css_248z);
+
+// /src/utils/listFiles.ts
+// Dynamically import and load components, returning them for export
+const loadComponents = (componentsPath) => {
+    return new Promise((resolve, reject) => {
+        fs.readdir(componentsPath, { withFileTypes: true }, async (err, files) => {
+            if (err) {
+                reject('Error reading components directory:');
+                return;
+            }
+            const componentPromises = files.map(async (file) => {
+                if (file.isDirectory()) {
+                    console.log(`Folder: ${file.name}`);
+                }
+                else {
+                    console.log(`Importing: ${file.name}`);
+                    try {
+                        const component = await import(path.join(componentsPath, file.name));
+                        return { name: file.name.replace('.tsx', ''), component };
+                    }
+                    catch (error) {
+                        console.error(`Error importing component ${file.name}:`, error);
+                        return null;
+                    }
+                }
+            });
+            const components = await Promise.all(componentPromises);
+            resolve(components.filter((comp) => comp !== null));
+        });
+    });
+};
+
+// /src/index.ts
+// Set the path to your components directory
+const componentsPath = './components';
+// Dynamically load and export components
+loadComponents(componentsPath)
+    .then((components) => {
+    components.forEach(({ name, component }) => {
+        if (component) {
+            // Dynamically export the components
+            module.exports[name] = component;
+        }
+    });
+})
+    .catch((err) => {
+    console.error('Error loading components:', err);
+});

package/dist/src/components/accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface AccordionProps extends BaseProps, WithChildren {
+    items: {
+        title: string;
+        content: React.ReactNode;
+    }[];
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export {};

package/dist/src/components/alert/Alert.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren, ColorProps } from '../../../types/common';
+interface AlertProps extends BaseProps, WithChildren, ColorProps {
+    onClose?: () => void;
+}
+export declare const Alert: React.FC<AlertProps>;
+export {};

package/dist/src/components/avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps, SizeProps } from '../../../types/common';
+interface AvatarProps extends BaseProps, SizeProps {
+    src?: string;
+    alt?: string;
+    initials?: string;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

package/dist/src/components/badge/Badge.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BaseProps, WithChildren, ColorProps, SizeProps } from '../../../types/common';
+interface BadgeProps extends BaseProps, WithChildren, ColorProps, SizeProps {
+}
+export declare const Badge: React.FC<BadgeProps>;
+export {};

package/dist/src/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface BreadcrumbProps extends BaseProps {
+    items: {
+        label: string;
+        href: string;
+    }[];
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export {};

package/dist/src/components/buttons/Button.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseProps, WithChildren, SizeProps } from '../../../types/common';
+type Color = 'primary' | 'secondary';
+interface ButtonProps extends BaseProps, WithChildren, SizeProps {
+    onClick?: () => void;
+    disabled?: boolean;
+    variant?: 'solid' | 'outline' | 'ghost';
+    color?: Color;
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/dist/src/components/buttons/IconButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseProps, SizeProps } from '../../../types/common';
+type Color = 'primary' | 'secondary';
+interface IconButtonProps extends BaseProps, SizeProps {
+    icon: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    variant?: 'solid' | 'outline' | 'ghost';
+    color?: Color;
+}
+export declare const IconButton: React.FC<IconButtonProps>;
+export {};

package/dist/src/components/card/Card.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const Card: React.FC<BaseProps & WithChildren>;

package/dist/src/components/card/CardBody.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const CardBody: React.FC<BaseProps & WithChildren>;

package/dist/src/components/card/CardFooter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const CardFooter: React.FC<BaseProps & WithChildren>;

package/dist/src/components/card/CardHeader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const CardHeader: React.FC<BaseProps & WithChildren>;

package/dist/src/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface DropdownProps extends BaseProps, WithChildren {
+    trigger: React.ReactNode;
+}
+export declare const Dropdown: React.FC<DropdownProps>;
+export {};

package/dist/src/components/dropdown/DropdownItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const DropdownItem: React.FC<BaseProps & WithChildren>;

package/dist/src/components/form/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface CheckboxProps extends BaseProps {
+    label: string;
+    checked?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+export {};

package/dist/src/components/form/FileUpload.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface FileUploadProps extends BaseProps {
+    onChange: (file: File | null) => void;
+    accept?: string;
+    multiple?: boolean;
+}
+export declare const FileUpload: React.FC<FileUploadProps>;
+export {};

package/dist/src/components/form/Input.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps, SizeProps } from '../../../types/common';
+interface InputProps extends BaseProps, SizeProps {
+    type?: 'text' | 'password' | 'email' | 'number';
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Input: React.FC<InputProps>;
+export {};

package/dist/src/components/form/Radio.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface RadioProps extends BaseProps {
+    label: string;
+    name: string;
+    value: string;
+    checked?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Radio: React.FC<RadioProps>;
+export {};

package/dist/src/components/form/Select.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseProps, SizeProps } from '../../../types/common';
+interface SelectProps extends BaseProps, SizeProps {
+    options: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+export declare const Select: React.FC<SelectProps>;
+export {};

package/dist/src/components/form/Switch.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface SwitchProps extends BaseProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+}
+export declare const Switch: React.FC<SwitchProps>;
+export {};

package/dist/src/components/form/Textarea.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps, SizeProps } from '../../../types/common';
+interface TextareaProps extends BaseProps, SizeProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
+}
+export declare const Textarea: React.FC<TextareaProps>;
+export {};

package/dist/src/components/layout/Container.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface ContainerProps extends BaseProps, WithChildren {
+    fluid?: boolean;
+}
+export declare const Container: React.FC<ContainerProps>;
+export {};

package/dist/src/components/layout/Flex.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface FlexProps extends BaseProps, WithChildren {
+    direction?: 'row' | 'col';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    wrap?: boolean;
+}
+export declare const Flex: React.FC<FlexProps>;
+export {};

package/dist/src/components/layout/Grid.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface GridProps extends BaseProps, WithChildren {
+    cols?: number;
+    gap?: number;
+}
+export declare const Grid: React.FC<GridProps>;
+export {};

package/dist/src/components/list/List.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface ListProps extends BaseProps, WithChildren {
+    as?: 'ul' | 'ol';
+}
+export declare const List: React.FC<ListProps>;
+export {};

package/dist/src/components/list/ListItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const ListItem: React.FC<BaseProps & WithChildren>;

package/dist/src/components/modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface ModalProps extends BaseProps, WithChildren {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const Modal: React.FC<ModalProps>;
+export {};

package/dist/src/components/modal/ModalBody.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const ModalBody: React.FC<BaseProps & WithChildren>;

package/dist/src/components/modal/ModalFooter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const ModalFooter: React.FC<BaseProps & WithChildren>;

package/dist/src/components/modal/ModalHeader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const ModalHeader: React.FC<BaseProps & WithChildren>;

package/dist/src/components/navigation/NavItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface NavItemProps extends BaseProps, WithChildren {
+    href: string;
+    active?: boolean;
+}
+export declare const NavItem: React.FC<NavItemProps>;
+export {};

package/dist/src/components/navigation/Navbar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface NavbarProps extends BaseProps, WithChildren {
+    brand?: React.ReactNode;
+}
+export declare const Navbar: React.FC<NavbarProps>;
+export {};

package/dist/src/components/offcanvas/Offcanvas.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface OffcanvasProps extends BaseProps, WithChildren {
+    isOpen: boolean;
+    onClose: () => void;
+    position?: 'left' | 'right' | 'top' | 'bottom';
+}
+export declare const Offcanvas: React.FC<OffcanvasProps>;
+export {};

package/dist/src/components/offcanvas/OffcanvasBody.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const OffcanvasBody: React.FC<BaseProps & WithChildren>;

package/dist/src/components/offcanvas/OffcanvasHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface OffcanvasHeaderProps extends BaseProps, WithChildren {
+    onClose: () => void;
+}
+export declare const OffcanvasHeader: React.FC<OffcanvasHeaderProps>;
+export {};

package/dist/src/components/pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface PaginationProps extends BaseProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+export {};

package/dist/src/components/progress/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps, ColorProps } from '../../../types/common';
+interface ProgressBarProps extends BaseProps, ColorProps {
+    value: number;
+    max?: number;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export {};

package/dist/src/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface SkeletonProps extends BaseProps {
+    width?: string;
+    height?: string;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;
+export {};

package/dist/src/components/slider/RangeSlider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface RangeSliderProps extends BaseProps {
+    min: number;
+    max: number;
+    values: [number, number];
+    onChange: (values: [number, number]) => void;
+    step?: number;
+}
+export declare const RangeSlider: React.FC<RangeSliderProps>;
+export {};

package/dist/src/components/slider/Slider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface SliderProps extends BaseProps {
+    min: number;
+    max: number;
+    value: number;
+    onChange: (value: number) => void;
+    step?: number;
+}
+export declare const Slider: React.FC<SliderProps>;
+export {};

package/dist/src/components/stepper/Stepper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface StepperProps extends BaseProps {
+    steps: string[];
+    currentStep: number;
+}
+export declare const Stepper: React.FC<StepperProps>;
+export {};

package/dist/src/components/table/Table.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const Table: React.FC<BaseProps & WithChildren>;

package/dist/src/components/table/TableBody.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const TableBody: React.FC<BaseProps & WithChildren>;

package/dist/src/components/table/TableCell.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface TableCellProps extends BaseProps, WithChildren {
+    as?: 'td' | 'th';
+}
+export declare const TableCell: React.FC<TableCellProps>;
+export {};

package/dist/src/components/table/TableHead.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const TableHead: React.FC<BaseProps & WithChildren>;

package/dist/src/components/table/TableRow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+export declare const TableRow: React.FC<BaseProps & WithChildren>;

package/dist/src/components/tabs/Tabs.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '../../../types/common';
+interface TabsProps extends BaseProps {
+    tabs: {
+        label: string;
+        content: React.ReactNode;
+    }[];
+}
+export declare const Tabs: React.FC<TabsProps>;
+export {};

package/dist/src/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps, WithChildren } from '../../../types/common';
+interface TooltipProps extends BaseProps, WithChildren {
+    content: string;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+export {};

package/dist/src/components/typography/Heading.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren, SizeProps } from '../../../types/common';
+interface HeadingProps extends BaseProps, WithChildren, SizeProps {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare const Heading: React.FC<HeadingProps>;
+export {};

package/dist/src/components/typography/Text.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps, WithChildren, SizeProps } from '../../../types/common';
+interface TextProps extends BaseProps, WithChildren, SizeProps {
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+}
+export declare const Text: React.FC<TextProps>;
+export {};

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+import './styles/tailwind.css';

package/dist/src/utils/Listfiles.d.ts

@@ -0,0 +1 @@
+export declare const loadComponents: (componentsPath: string) => Promise<any[]>;

package/dist/types/common.d.ts

@@ -0,0 +1,14 @@
+export interface BaseProps {
+    className?: string;
+}
+export interface WithChildren {
+    children: React.ReactNode;
+}
+export type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ColorProps {
+    color?: Color;
+}
+export interface SizeProps {
+    size?: Size;
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "my-animated-components",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "npx rollup -c"
+  },
+  "keywords": [
+    "react",
+    "react-hooks",
+    "useState",
+    "useEffect",
+    "useRef",
+    "useContext",
+    "useReducer",
+    "custom-hook",
+    "component",
+    "frontend",
+    "UI",
+    "navigation",
+    "routing",
+    "navigate",
+    "router",
+    "page-navigation"
+  ],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "rollup": "^4.12.0",
+    "typescript": "^5.4.5"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^22.10.6",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "autoprefixer": "^10.4.20",
+    "framer-motion": "^11.18.0",
+    "postcss": "^8.5.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tailwindcss": "^3.4.17",
+    "tslib": "^2.6.2"
+  }
+}