@joza/joza-ui-kit 0.1.0

package/README.md

@@ -0,0 +1,44 @@
+# UI-Kit
+
+UI-Kit est une bibliothèque de composants React développée avec TypeScript et Vite. Elle fournit des composants réutilisables et personnalisables pour accélérer le développement d'interfaces utilisateur.
+
+## Fonctionnalités
+
+- **Composants réutilisables** : Une collection de composants prêts à l'emploi comme des boutons, des pop-ins, des en-têtes, etc.
+
+## Installation
+
+Clonez le dépôt et installez les dépendances :
+
+```bash
+git clone <url-du-repo>
+cd ui-kit
+npm install
+```
+
+## Scripts disponibles
+
+- **`npm run dev`** : Lance le projet en mode développement avec Vite.
+- **`npm run storybook`** : Lance Storybook pour visualiser et tester les composants.
+
+## Utilisation
+
+1. Importez les composants dans votre projet React :
+
+```tsx
+import { Button } from 'ui-kit';
+
+function App() {
+  return <Button label="Cliquez-moi" />;
+}
+```
+
+2. Consultez la documentation Storybook pour des exemples et des guides d'utilisation :
+
+```bash
+npm run storybook
+```
+
+## Licence
+
+Ce projet est sous licence MIT.

package/dist/index.d.ts

@@ -0,0 +1,61 @@
+import { CSSObject } from 'styled-components';
+import { ReactNode } from 'react';
+
+type SxProps = CSSObject;
+
+interface ButtonProps {
+    size?: 's' | 'm' | 'l';
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    fontFamily?: string;
+    children?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    sx?: SxProps;
+}
+declare const Button: React.FC<ButtonProps>;
+
+type AlertPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+interface AlertProps {
+    isOpen: boolean;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    size?: 's' | 'm' | 'l';
+    timeout?: number;
+    onClose?: () => void;
+    position?: AlertPosition;
+    children?: ReactNode;
+    disabled?: boolean;
+    sx?: SxProps;
+}
+declare const Alert: React.FC<AlertProps>;
+
+interface CardProps {
+    size?: 's' | 'm' | 'l';
+    hover?: boolean;
+    onClick?: () => void;
+    children?: ReactNode;
+    disabled?: boolean;
+    sx?: SxProps;
+}
+declare const Card: React.FC<CardProps>;
+
+interface HamburgerMenuProps {
+    children?: ReactNode;
+    position?: 'left' | 'right';
+    width?: string;
+    height?: string;
+    disabled?: boolean;
+    sx?: SxProps;
+}
+declare const HamburgerMenu: React.FC<HamburgerMenuProps>;
+
+interface PopinProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children?: ReactNode;
+    disabled?: boolean;
+    sx?: SxProps;
+}
+declare const Popin: React.FC<PopinProps>;
+
+export { Alert, Button, Card, HamburgerMenu, Popin };
+export type { AlertProps, ButtonProps, CardProps, HamburgerMenuProps, PopinProps };