@aslaluroba/help-center-react 3.2.16 → 3.2.18

package/dist/ui/chatbot-popup/chat-window-screen/footer.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface ChatWindowFooterProps {
     inputMessage: string;
     setInputMessage: (e: string) => void;
-    handleSendMessage: (attachmentIds: string[]) => void;
+    handleSendMessage: (attachmentIds: string[], previewUrls: string[]) => void;
     isLoading: boolean;
     isChatClosed?: boolean;
     onEnsureSession: () => Promise<string>;

package/dist/ui/chatbot-popup/chat-window-screen/in-chat-review.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReviewProps } from '@/lib/types';
+import { ReviewProps } from '@aslaluroba/help-center-core';
 interface InChatReviewProps {
     onSubmit: (payload: ReviewProps) => void | Promise<void>;
     onDone?: () => void;

package/dist/ui/chatbot-popup/chat-window-screen/index.d.ts

@@ -1,7 +1,7 @@
-import { Message, ReviewProps } from '@/lib/types';
+import { Message, ReviewProps } from '@aslaluroba/help-center-core';
 import React from 'react';
 interface ChatWindowProps {
-    onSendMessage: (message: string, attachmentIds: string[]) => void;
+    onSendMessage: (message: string, attachmentIds: string[], previewUrls?: string[]) => void;
     onEnsureSession: () => Promise<string>;
     messages: Message[];
     assistantStatus: string;

package/dist/ui/chatbot-popup/options-list-screen/helpscreen-list.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Option } from '@/lib/types';
+import { Option } from '@aslaluroba/help-center-core';
 interface HelpscreenListProps {
     options: Option[] | undefined;
     selectedOption: Option | null;

package/dist/ui/chatbot-popup/options-list-screen/helpscreen-option.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Option } from '@/lib/types';
+import { Option } from '@aslaluroba/help-center-core';
 interface HelpscreenOptionProps {
     option: Option;
     isSelected: boolean;

package/dist/ui/chatbot-popup/options-list-screen/index.d.ts

@@ -1,4 +1,4 @@
-import { HelpScreenData, Option } from '@/lib/types';
+import { HelpScreenData, Option } from '@aslaluroba/help-center-core';
 interface OptionsListScreenProps {
     helpScreen: HelpScreenData | null;
     handleStartChat: (option: Option) => void;

package/dist/ui/help-center.d.ts

@@ -1,4 +1,4 @@
-import '../globals.css';
+import '@aslaluroba/help-center-core/styles';
 interface HelpCenterProps {
     helpScreenId: string;
     language?: 'ar' | 'en';

package/dist/ui/help-popup.d.ts

@@ -1,4 +1,5 @@
-import { HelpScreenData, Message, Option, ReviewProps } from '@/lib/types';
+import { HelpScreenData } from '@aslaluroba/help-center-core';
+import type { ChatSession } from '@/lib/custom-hooks/useChatSession';
 type HelpPopupProps = {
     isOpen: boolean;
     isClosing?: boolean;
@@ -7,31 +8,7 @@ type HelpPopupProps = {
     helpScreen: HelpScreenData | null;
     status: string;
     error: string | null;
-    user: unknown;
-    onStartChat: (option: Option) => void;
-    onSendMessage: (message: string, attachmentIds: string[]) => void;
-    onEnsureSession: () => Promise<string>;
-    onEndChat: (options?: {
-        fromChatScreen?: boolean;
-        sessionClosedByServer?: boolean;
-    }) => void | Promise<void>;
-    messages: Message[];
-    needsAgent: boolean;
-    assistantStatus: string;
-    sessionId: string | null;
-    isChatClosed: boolean;
-    selectedOption: Option | null;
-    setSelectedOption: (option: Option | null) => void;
-    inChatReviewSessionId?: string | null;
-    onInChatReviewSubmit?: (payload: ReviewProps) => void | Promise<void>;
-    onInChatReviewDone?: () => void;
-    navigateToOptionsListAfterReview?: boolean;
-    onNavigatedToOptionsList?: () => void;
-    isReviewDialogOpen?: boolean;
-    reviewSessionId?: string | null;
-    isSubmittingReview?: boolean;
-    onReviewDialogSubmit?: (payload: ReviewProps) => void | Promise<void>;
-    onReviewDialogClose?: () => void;
+    session: ChatSession;
 };
-declare const HelpPopup: ({ isOpen, isClosing, onClose, onCloseAnimationEnd, helpScreen, status, error, onStartChat, onSendMessage, onEnsureSession, onEndChat, messages, assistantStatus, needsAgent, sessionId, isChatClosed, selectedOption, setSelectedOption, inChatReviewSessionId, onInChatReviewSubmit, onInChatReviewDone, navigateToOptionsListAfterReview, onNavigatedToOptionsList, isReviewDialogOpen, reviewSessionId, isSubmittingReview, onReviewDialogSubmit, onReviewDialogClose, }: HelpPopupProps) => import("react/jsx-runtime").JSX.Element;
+declare const HelpPopup: ({ isOpen, isClosing, onClose, onCloseAnimationEnd, helpScreen, status, error, session, }: HelpPopupProps) => import("react/jsx-runtime").JSX.Element;
 export default HelpPopup;

package/dist/ui/review-dialog/index.d.ts

@@ -1,4 +1,4 @@
-import { ReviewProps } from '@/lib/types';
+import { ReviewProps } from '@aslaluroba/help-center-core';
 interface ReviewDialogProps {
     handleSubmit: ({ rating }: ReviewProps) => void;
     onClose: () => void;

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "3.2.16",
+  "version": "3.2.18",
   "description": "BabylAI Help Center Widget for React and Next.js",
   "private": false,
   "exports": {
@@ -21,25 +21,8 @@
       "default": "./dist/index.css"
     }
   },
-  "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup --watch --config rollup.dev.config.mjs",
-    "test": "jest",
-    "clean": "rimraf dist",
-    "version:patch": "npm version patch --no-git-tag-version",
-    "version:minor": "npm version minor --no-git-tag-version",
-    "version:major": "npm version major --no-git-tag-version",
-    "publish:patch": "yarn clean && yarn build && yarn version:patch && yarn publish --access public",
-    "publish:minor": "yarn clean && yarn build && yarn version:minor && yarn publish --access public",
-    "publish:major": "yarn clean && yarn build && yarn version:major && yarn publish --access public",
-    "watch": "concurrently \"yarn dev\" \"yalc publish --watch --push\"",
-    "setup:dev": "./scripts/setup-dev.sh",
-    "setup:dev:with-test": "./scripts/setup-dev.sh --create-test-project"
-  },
   "files": [
     "dist",
-    "src",
-    "globals.css",
     "package.json",
     "tsconfig.json",
     "./postcss.config.js",
@@ -62,26 +45,22 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@ably/chat": "^1.1.1",
-    "@tabler/icons-react": "^3.36.1",
-    "@tailwindcss/postcss": "^4.1.18",
-    "ably": "^2.17.1",
-    "axios": "^1.13.4",
+    "@tabler/icons-react": "^3.40.0",
+    "@tailwindcss/postcss": "^4.2.2",
     "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "react-markdown": "^10.1.0",
-    "tailwind-merge": "^3.4.0"
+    "@aslaluroba/help-center-core": "1.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
     "@babel/preset-react": "^7.28.5",
     "@iconify-json/ic": "^1.2.4",
-    "@iconify-json/material-symbols": "^1.2.53",
+    "@iconify-json/material-symbols": "^1.2.63",
     "@iconify-json/solar": "^1.2.5",
     "@rollup/plugin-alias": "^6.0.0",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -90,32 +69,39 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/rollup": "^8.1.0",
-    "@tabler/icons-react": "^3.36.1",
+    "@tabler/icons-react": "^3.40.0",
     "@types/hast": "^3.0.4",
-    "@types/node": "^25.2.0",
-    "@types/react": "^19.2.10",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "autoprefixer": "^10.4.24",
-    "babel-loader": "^10.0.0",
+    "autoprefixer": "^10.4.27",
+    "babel-loader": "^10.1.1",
     "clsx": "^2.1.1",
     "concurrently": "^9.2.1",
-    "i18next": "^25.8.0",
-    "postcss": "^8.5.6",
-    "react-i18next": "^16.5.4",
-    "react-markdown": "^10.1.0",
-    "rimraf": "^6.1.2",
-    "rollup": "^4.57.1",
+    "i18next": "^25.10.9",
+    "postcss": "^8.5.8",
+    "react-i18next": "^16.6.6",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.60.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.2",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-rtl": "^0.9.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "unplugin-icons": "^23.0.1",
-    "webpack": "^5.104.1"
+    "webpack": "^5.105.4"
   },
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup --watch --config rollup.dev.config.mjs",
+    "test": "echo \"No tests configured\" && exit 0",
+    "clean": "rimraf dist",
+    "watch": "concurrently \"pnpm dev\" \"yalc publish --watch --push\"",
+    "setup:dev": "./scripts/setup-dev.sh",
+    "setup:dev:with-test": "./scripts/setup-dev.sh --create-test-project"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,34 @@
+import { makeExternal, pluginsCommon } from "./rollup.base.config.mjs";
+
+export default [
+  // Main component bundle
+  {
+    input: "src/index.ts",
+    output: [
+      { file: "dist/index.js", format: "cjs", sourcemap: true, exports: "named" },
+      { file: "dist/index.esm.js", format: "esm", sourcemap: true },
+    ],
+    external: makeExternal(),
+    plugins: pluginsCommon({
+      emitCss: true,
+      minimizeCss: true, // minify CSS for publish
+      declarations: true, // emit .d.ts
+    }),
+    treeshake: { moduleSideEffects: false },
+  },
+  // Services bundle
+  {
+    input: "src/services.ts",
+    output: [
+      { file: "dist/services.js", format: "cjs", sourcemap: true, exports: "named" },
+      { file: "dist/services.esm.js", format: "esm", sourcemap: true },
+    ],
+    external: makeExternal(),
+    plugins: pluginsCommon({
+      emitCss: false, // No CSS for services
+      minimizeCss: true,
+      declarations: true,
+    }),
+    treeshake: { moduleSideEffects: false },
+  },
+];

package/tsconfig.json

@@ -28,22 +28,21 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": [
-        "src/*"
+        "./src/*"
       ],
       "@/components/*": [
-        "src/components/*"
+        "./src/components/*"
       ],
       "@/ui/*": [
-        "src/ui/*"
+        "./src/ui/*"
       ],
       "@/lib/*": [
-        "src/lib/*"
+        "./src/lib/*"
       ],
       "@/assets/*": [
-        "src/assets/*"
+        "./src/assets/*"
       ]
     },
   },

package/dist/core/AblyService.d.ts

@@ -1,16 +0,0 @@
-type ActionHandlerCallback = (actionType: string | undefined | null, messageData: any) => void | Promise<void>;
-export declare class ClientAblyService {
-    private static client;
-    private static channel;
-    private static isConnected;
-    private static sessionId;
-    private static messageUnsubscribe;
-    private static onActionReceived;
-    static startConnection(sessionId: string, ablyToken: string, onMessageReceived: Function, tenantId: string, onActionReceived?: ActionHandlerCallback): Promise<void>;
-    private static joinChannel;
-    static stopConnection(): Promise<void>;
-    static isConnectionActive(): boolean;
-    static getConnectionState(): string;
-    static sendMessage(messageContent: string, senderType?: number): Promise<void>;
-}
-export {};

package/dist/core/ApiService.d.ts

@@ -1,16 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-import { HelpCenterConfig } from '../lib/types';
-export declare class ApiService {
-    private axiosInstance;
-    private config;
-    private tokenExpiryTime;
-    private currentToken;
-    constructor(config: HelpCenterConfig);
-    private setupInterceptors;
-    private getValidToken;
-    get<T>(endpoint: string, config?: AxiosRequestConfig): Promise<T>;
-    post<T>(endpoint: string, data?: unknown, config?: AxiosRequestConfig): Promise<T>;
-    put<T>(endpoint: string, data?: unknown, config?: AxiosRequestConfig): Promise<T>;
-    delete<T>(endpoint: string, config?: AxiosRequestConfig): Promise<T>;
-    private handleError;
-}

package/dist/core/api.d.ts

@@ -1,10 +0,0 @@
-import { TokenResponse, PresignUploadResponse, PresignDownloadResponse } from '@/lib/types';
-export declare function initializeAPI(url: string, getToken: () => Promise<TokenResponse>): void;
-export declare function getValidToken(forceRefresh?: boolean): Promise<string>;
-export declare function apiRequest(endpoint: string, method: string | undefined, body: any | undefined, options: {
-    cache?: boolean;
-    timeout?: number;
-    language?: 'ar' | 'en';
-}): Promise<any>;
-export declare function presignUpload(chatSessionId: string, file: File, language?: 'ar' | 'en'): Promise<PresignUploadResponse>;
-export declare function presignDownload(fileId: string, language?: 'ar' | 'en'): Promise<PresignDownloadResponse>;

package/dist/core/token-service.d.ts

@@ -1,10 +0,0 @@
-type TokenResponse = {
-    token: string;
-    expiresIn: number;
-};
-export declare class TokenService {
-    private baseUrl;
-    constructor(baseUrl: string);
-    getToken(): Promise<TokenResponse>;
-}
-export {};

package/dist/i18n.d.ts

@@ -1,3 +0,0 @@
-import { i18n as I18nType } from "i18next";
-export declare const defaultLanguage = "ar";
-export declare const createHelpCenterI18n: (lng?: string) => I18nType;

package/dist/lib/config.d.ts

@@ -1,18 +0,0 @@
-import { TokenResponse } from './types';
-type Config = {
-    baseUrl?: string;
-    tenantId?: string;
-    apiKey?: string;
-    getToken?: () => Promise<TokenResponse>;
-};
-declare class ConfigService {
-    private static instance;
-    private config;
-    private constructor();
-    static getInstance(): ConfigService;
-    initialize(config: Config): void;
-    getConfig(): Config;
-    getToken(): Promise<string>;
-}
-export declare const configService: ConfigService;
-export {};

package/dist/lib/theme-utils.d.ts

@@ -1,10 +0,0 @@
-/**
- * Utility functions for dynamic theming
- */
-export interface ThemeColors {
-    primaryColor?: string;
-}
-/**
- * Generate dynamic styles for primary color
- */
-export declare const getPrimaryColorStyles: (primaryColor?: string) => import("react").CSSProperties;

package/dist/lib/types.d.ts

@@ -1,145 +0,0 @@
-export interface HelpCenterProps extends React.HTMLAttributes<HTMLDivElement> {
-    helpScreenId: string;
-    primaryColor?: string;
-    language?: 'ar' | 'en';
-}
-export interface Theme {
-    primary: string;
-    secondary: string;
-    text: string;
-    background: string;
-    error: string;
-    success: string;
-}
-export interface UserData {
-    id: string;
-    name: string;
-    email: string;
-    avatar?: string;
-}
-export interface Message {
-    id: number;
-    senderType: number;
-    messageContent: string;
-    sentAt: Date;
-    isSeen: boolean;
-    attachmentIds?: string[];
-    attachmentUrls?: string[];
-}
-export interface ChatSession {
-    id: string;
-    messages: Message[];
-    participants: UserData[];
-    status: 'active' | 'closed';
-    createdAt: Date;
-    updatedAt: Date;
-}
-export interface ChatSessionData {
-    helpScreenId: string;
-    user: UserData;
-    initialMessage?: string;
-}
-export interface HelpCenterConfig {
-    baseUrl: string;
-    getToken: () => Promise<{
-        token: string;
-        expiresIn: number;
-    }>;
-    helpScreenId: string;
-    user?: UserData;
-    theme?: Partial<Theme>;
-    onMessageReceived?: (message: Message) => void;
-    onSessionClosed?: () => void;
-    onError?: (error: Error) => void;
-}
-export interface HelpScreenOption {
-    id: string;
-    title: string;
-    paragraphs?: string[];
-    nestedOptions?: HelpScreenOption[];
-    chatWithUs?: boolean;
-}
-export interface HelpScreen {
-    id: string;
-    title: string;
-    options: HelpScreenOption[];
-}
-export interface ApiResponse<T> {
-    data: T;
-    success: boolean;
-    error?: string;
-}
-export interface TokenResponse {
-    token: string;
-    expiresIn: number;
-}
-export interface HelpScreenData {
-    id: string;
-    tenantId: string;
-    tenant: {
-        id: string;
-        name: string;
-        key: string;
-        logoUrl: string;
-        settings: {
-            description: string;
-        };
-    };
-    title: string;
-    description: string;
-    options: Option[];
-    chatWithUs: boolean;
-}
-export interface Option {
-    id: string;
-    helpScreenId: string;
-    parentOptionId: string | null;
-    parentOption: Option | null;
-    files: any[];
-    nestedOptions: Option[];
-    title: string;
-    paragraphs: string[];
-    chatWithUs: boolean;
-    assistantId?: string;
-    assistant?: {
-        id: string;
-        tenantId: string;
-        tenant: {
-            id: string;
-            name: string;
-            key: string;
-        };
-        name: string;
-        openAIAssistantId: string;
-        greeting: string;
-        closing: string;
-    };
-    hasNestedOptions: boolean;
-    order: number;
-}
-export interface ReviewProps {
-    comment?: string;
-    rating: number;
-}
-export interface PresignUploadRequestDto {
-    name: string;
-    contentType: string;
-    sizeBytes: number;
-    pathData: {
-        type: number;
-        chatSessionId: string;
-    };
-}
-export interface PresignUploadResponse {
-    id: string;
-    uploadUrl: string;
-    path: string;
-    expiresAt: string;
-}
-export interface PresignDownloadResponse {
-    id: string;
-    name: string;
-    downloadUrl: string;
-    contentType: string;
-    expiresAt: string;
-}

package/dist/lib/utils.d.ts

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

package/src/assets/logo.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 55 53">
-  <path fill="#E5E5E5" d="M8.531 19.135c0-6.855 5.557-12.412 12.412-12.412H41.63c6.855 0 12.412 5.557 12.412 12.412v33.099H20.943c-6.855 0-12.412-5.557-12.412-12.412V19.135Z"/>
-  <path fill="#fff" d="M0 12.412C0 5.557 5.557 0 12.412 0h20.687C39.954 0 45.51 5.557 45.51 12.412v20.687c0 6.855-5.558 12.412-12.413 12.412H0V12.412Z"/>
-  <path fill="currentColor" d="m14.368 15.22.002-.007c.18-.631 1.076-.631 1.256 0l.002.007.006.022a8.848 8.848 0 0 0 6.102 6.102l.022.006.007.002c.631.18.631 1.075 0 1.256l-.007.002-.022.006a8.848 8.848 0 0 0-6.102 6.102l-.006.021-.002.007c-.18.632-1.075.632-1.256 0l-.002-.007-.006-.02a8.848 8.848 0 0 0-6.13-6.111c-.632-.18-.632-1.076 0-1.256l.007-.002.02-.006a8.848 8.848 0 0 0 6.103-6.102l.006-.022Zm22.352 6.63c0 3.07-2.431 5.56-5.43 5.56-3 0-5.43-2.49-5.43-5.56 0-3.07 2.43-5.56 5.43-5.56 2.999 0 5.43 2.49 5.43 5.56Z"/>
-</svg>

package/src/assets/seperator.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"  fill="none" viewBox="0 0 327 14">
-  <path stroke="currentColor" d="M132.5 7.5H0"/>
-  <path fill="currentColor" d="m162.891.465.002-.007c.174-.61 1.04-.61 1.214 0l.002.007.006.02a8.553 8.553 0 0 0 5.9 5.9l.02.006.007.002c.611.174.611 1.04 0 1.214l-.007.002-.02.006a8.553 8.553 0 0 0-5.9 5.9l-.006.02-.002.007c-.174.61-1.04.61-1.214 0l-.002-.007-.006-.02a8.553 8.553 0 0 0-5.9-5.9l-.02-.006-.007-.002c-.611-.174-.611-1.04 0-1.214l.007-.002.02-.006a8.553 8.553 0 0 0 5.9-5.9l.006-.02Z"/>
-  <path stroke="currentColor" d="M327 7.5H194.5"/>
-</svg>

package/src/components/index.ts

@@ -1 +0,0 @@
-export * from './shared'

package/src/components/shared/Button/button.tsx

@@ -1,38 +0,0 @@
-import { cn } from '../../../lib'
-import { cva, type VariantProps } from 'class-variance-authority'
-
-const buttonVariants = cva(
-  'babylai:border babylai:disabled:bg-black-white-300 babylai:cursor-pointer babylai:text-xl! babylai:transition-all babylai:w-full babylai:disabled:border-black-white-300 babylai:disabled:cursor-not-allowed babylai:disabled:text-white babylai:duration-200 babylai:ease-out babylai:flex babylai:gap-1 babylai:items-center babylai:justify-center babylai:p-3 babylai:relative babylai:rounded-2xl',
-  {
-    variants: {
-      variant: {
-        default: 'babylai:bg-primary babylai:border-primary babylai:text-white babylai:hover:bg-primary-600 babylai:hover:border-primary-600',
-        secondary:
-          'babylai:bg-transparent babylai:border-primary babylai:text-primary babylai:hover:bg-primary-100 babylai:hover:border-primary-200',
-        ghost:
-          'babylai:bg-transparent babylai:p-2 babylai:text-secondary-foreground babylai:shadow-sm babylai:hover:bg-secondary/80',
-      },
-      size: {
-        default: '',
-        sm: 'babylai:h-8 babylai:rounded-full babylai:px-3 babylai:text-xs',
-        lg: '',
-        icon: 'babylai:h-7 babylai:w-7'
-      }
-    },
-    defaultVariants: {
-      variant: 'default'
-    }
-  }
-)
-
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-
-export const Button = ({ children, className, variant, ...props }: ButtonProps) => {
-  return (
-    <button className={cn(buttonVariants({ variant, className }), className)} {...props}>
-      {children}
-    </button>
-  )
-}

package/src/components/shared/Button/index.ts

@@ -1 +0,0 @@
-export * from './button'

package/src/components/shared/Card/card.tsx

@@ -1,44 +0,0 @@
-import * as React from 'react'
-import { cn } from '@/lib/utils'
-
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-  variant?: 'default' | 'rounded' | 'shadowed'
-}
-
-const Card = React.forwardRef<HTMLDivElement, CardProps>(({ className, variant = 'default', ...props }, ref) => {
-  const variantStyles = {
-    default: 'babylai:rounded-xl babylai:border babylai:bg-card babylai:text-card-foreground babylai:shadow',
-    rounded: 'babylai:rounded-3xl babylai:bg-black-white-50 babylai:py-4 babylai:px-3',
-    shadowed: 'babylai:rounded-xl babylai:border babylai:bg-card babylai:text-card-foreground babylai:shadow-lg'
-  }
-
-  return <div ref={ref} className={cn(variantStyles[variant], className)} {...props} />
-})
-Card.displayName = 'Card'
-
-const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('babylai:flex babylai:flex-col babylai:space-y-1.5 babylai:p-6', className)} {...props} />
-))
-CardHeader.displayName = 'CardHeader'
-
-const CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('babylai:font-semibold babylai:leading-none babylai:tracking-tight', className)} {...props} />
-))
-CardTitle.displayName = 'CardTitle'
-
-const CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('babylai:text-sm babylai:text-muted-foreground', className)} {...props} />
-))
-CardDescription.displayName = 'CardDescription'
-
-const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('babylai:p-6 babylai:pt-0', className)} {...props} />
-))
-CardContent.displayName = 'CardContent'
-
-const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('babylai:flex babylai:items-center babylai:p-6 babylai:pt-0', className)} {...props} />
-))
-CardFooter.displayName = 'CardFooter'
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }