@als-tp/als-react-ts-ui 0.5.3 → 0.6.0

package/README.md

@@ -29,7 +29,7 @@ yarn add @als-tp/als-react-ts-ui
 This library requires the following peer dependencies:
 
 ```bash
-npm install react@^19.0.0 react-dom@^19.0.0 @base-ui-components/react@^1.0.0-beta.7
+pnpm install react@19.0.0 react-dom@19.0.0 @base-ui/react@1.0.0-rc.0
 ```
 
 ## Usage
@@ -130,9 +130,138 @@ The library uses CSS variables for theming. You can override these in your globa
 
 ```css
 :root {
-  --primary-color: #your-color;
-  --secondary-color: #your-color;
-  /* ... other variables */
+    /* Typography Scale */
+    --font-family-base: "F37 Beckett", "Segoe UI", system-ui, -apple-system,
+        "Helvetica Neue", arial, sans-serif;
+    --font-weight-regular: 400;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --line-height-tight: 1.25;
+    --line-height-base: 1.5;
+    --line-height-relaxed: 1.75;
+
+    /* Fluid Typography Scale */
+    --font-h1: clamp(2.5rem, 4vw + 1rem, 3.5rem); /* 40-56px */
+    --font-h2: clamp(2rem, 3vw + 0.5rem, 2.75rem); /* 32-44px */
+    --font-h3: clamp(1.5rem, 2vw + 0.5rem, 2rem); /* 24-32px */
+    --font-h4: clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem); /* 20-28px */
+    --font-h5: clamp(1.125rem, 1vw + 0.5rem, 1.5rem); /* 18-24px */
+    --font-h6: clamp(1rem, 0.5vw + 0.5rem, 1.25rem); /* 16-20px */
+    --font-base: 1rem; /* 16px */
+    --font-small: 0.875rem; /* 14px */
+    --font-tiny: 0.75rem; /* 12px */
+
+    /* Spacing Scale */
+    --space-xs: 0.25rem; /* 4px */
+    --space-sm: 0.5rem; /* 8px */
+    --space-md: 1rem; /* 16px */
+    --space-lg: 1.5rem; /* 24px */
+    --space-xl: 2rem; /* 32px */
+    --space-2xl: 3rem; /* 48px */
+    --space-3xl: 4rem; /* 64px */
+
+    /* Border Radius */
+    --radius-sm: 0.25rem; /* 4px */
+    --radius-md: 0.5rem; /* 8px */
+    --radius-lg: 0.75rem; /* 12px */
+    --radius-xl: 1rem; /* 16px */
+    --radius-full: 9999px;
+
+    /* Shadows */
+    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%),
+        0 2px 4px -2px rgb(0 0 0 / 10%);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%),
+        0 4px 6px -4px rgb(0 0 0 / 10%);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 10%),
+        0 8px 10px -6px rgb(0 0 0 / 10%);
+
+    /* Transitions */
+    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
+    --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
+    --transition-duration-fast: 150ms;
+    --transition-duration-base: 250ms;
+    --transition-duration-slow: 350ms;
+
+    /* Z-Index Scale */
+    --z-base: 1;
+    --z-dropdown: 100;
+    --z-sticky: 200;
+    --z-fixed: 300;
+    --z-modal-backdrop: 400;
+    --z-modal: 500;
+    --z-popover: 600;
+    --z-tooltip: 700;
+
+    /* ALS Color Palette */
+
+    --color-als-white: #fff;
+    --color-als-black: #000;
+
+    /* ALS Grays */
+    --color-als-gray-100: #f2f5f7;
+    --color-als-gray-500: #d9e1e5;
+    --color-als-gray-900: #b0b9be;
+
+    /* ALS Blues */
+
+    /* Dark blue  */
+    --color-als-dark-blue: #1f3349;
+
+    /* Primary blue */
+
+    --color-als-blue-100: #d9ecf9;
+    --color-als-blue-500: #9fd7ff;
+    --color-als-blue-900: #45b1ff;
+
+    /* Aux blue */
+    --color-als-aux-blue-100: #c9f1ff;
+    --color-als-aux-blue-200: #93e2ff;
+    --color-als-aux-blue-300: #5dd4ff;
+    --color-als-aux-blue-500: #00b0f0;
+    --color-als-aux-blue-800: #0084b4;
+    --color-als-aux-blue-900: #005878;
+
+    /* ALS Beiges */
+    --color-als-beige-100: #ffedcb;
+    --color-als-beige-500: #ecd8b3;
+    --color-als-beige-900: #cfb88e;
+
+    /* ALS Greens */
+    --color-als-green-100: #d0eed5;
+    --color-als-green-500: #a8d3af;
+    --color-als-green-900: #7ec68a;
+
+    /* ALS Reds */
+    --color-als-red-100: #ffdfdf;
+    --color-als-red-500: #ff6f6f;
+    --color-als-red-900: #f00;
+
+    /* Semantic Colors */
+    --color-success: var(--color-als-green-500);
+    --color-warning: var(--color-als-beige-500);
+    --color-error: var(--color-als-red-500);
+    --color-info: var(--color-als-blue-500);
+
+    /* Background Colors */
+    --bg-primary: var(--color-als-gray-100);
+
+    /* Text Colors */
+    --text-primary: var(--color-als-dark-blue);
+    --text-secondary: var(--color-als-gray-900); /* o el color que prefieras */
+
+    /* Border Colors */
+    --border-primary: var(--color-als-gray-500);
+    --border-secondary: var(--color-als-gray-100);
+    --border-focus: var(--color-als-blue-500);
+
+    /* Menu Size  */
+    --sidenav-width-expanded: 16rem; /* 256px */
+    --sidenav-width-collapsed: 4rem; /* 64px */
+
+    /* Header Size */
+    --header-height: 4rem; /* 64px */
 }
 ```
 
@@ -147,7 +276,7 @@ pnpm run build:lib
 ### Running Storybook
 
 ```bash
-pnpm run storybook
+pnpm storybook
 ```
 
 ### Running Tests
@@ -156,17 +285,11 @@ pnpm run storybook
 pnpm test
 ```
 
-## Contributing
-
-Contributions are welcome! Please read our contributing guidelines before submitting PRs.
-
 ## License
 
 MIT © ALS TP
 
 ## Links
 
-- [GitHub Repository](https://github.com/als-tp/als-react-ts-ui)
-- [Issue Tracker](https://github.com/als-tp/als-react-ts-ui/issues)
 - [Base UI Documentation](https://base-ui.com/)
 

package/dist/aicomponents/ALSAIConversation/ALSAIConversation.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+export interface ALSAIConversationRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements (typically ConversationContent and ConversationScrollButton)
+     */
+    children?: React.ReactNode;
+}
+export interface ALSAIConversationContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements (typically Message components)
+     */
+    children?: React.ReactNode;
+}
+export interface ALSAIConversationScrollButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom icon for the scroll button
+     */
+    icon?: React.ReactNode;
+    /**
+     * Threshold in pixels from bottom to show the scroll button
+     * @default 100
+     */
+    threshold?: number;
+}
+export declare const ALSAIConversationRoot: React.ForwardRefExoticComponent<ALSAIConversationRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIConversationContent: React.ForwardRefExoticComponent<ALSAIConversationContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIConversationScrollButton: React.ForwardRefExoticComponent<ALSAIConversationScrollButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ALSAIConversation.d.ts.map

package/dist/aicomponents/ALSAIConversation/ALSAIConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAIConversation.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIConversation/ALSAIConversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,0BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,6BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,kCACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAyBD,eAAO,MAAM,qBAAqB,mGAgDhC,CAAC;AAMH,eAAO,MAAM,wBAAwB,sGAqCnC,CAAC;AAsBH,eAAO,MAAM,6BAA6B,8GAuBxC,CAAC"}

package/dist/aicomponents/ALSAIConversation/index.d.ts

@@ -0,0 +1,8 @@
+import type { ALSAIConversationRootProps, ALSAIConversationContentProps, ALSAIConversationScrollButtonProps } from "./ALSAIConversation";
+export declare const ALSAIConversation: {
+    Root: import("react").ForwardRefExoticComponent<ALSAIConversationRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<ALSAIConversationContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    ScrollButton: import("react").ForwardRefExoticComponent<ALSAIConversationScrollButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export type { ALSAIConversationRootProps, ALSAIConversationContentProps, ALSAIConversationScrollButtonProps, };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAIConversation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIConversation/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACR,0BAA0B,EAC1B,6BAA6B,EAC7B,kCAAkC,EACrC,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAC;AAEF,YAAY,EACR,0BAA0B,EAC1B,6BAA6B,EAC7B,kCAAkC,GACrC,CAAC"}

package/dist/aicomponents/ALSAIMessage/ALSAIMessage.d.ts

@@ -0,0 +1,102 @@
+import * as React from "react";
+/**
+ * Message sender role
+ */
+export type ALSAIMessageRole = "user" | "assistant" | "system";
+/**
+ * Message visual variant
+ */
+export type ALSAIMessageVariant = "default" | "bubble" | "minimal";
+/**
+ * Message size
+ */
+export type ALSAIMessageSize = "sm" | "md" | "lg";
+/**
+ * Props for the Message Root component
+ */
+export interface ALSAIMessageRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Message sender role - determines alignment and styling */
+    from: ALSAIMessageRole;
+    /** Visual variant of the message */
+    variant?: ALSAIMessageVariant;
+    /** Size of the message */
+    size?: ALSAIMessageSize;
+    /** Whether the message is in a loading state */
+    loading?: boolean;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the Message Content component
+ */
+export interface ALSAIMessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Children content (text, markdown, JSX) */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the Message Avatar component
+ */
+export interface ALSAIMessageAvatarProps {
+    /** Avatar image source URL */
+    src?: string;
+    /** Name for fallback initials */
+    name?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Props for the Message Timestamp component
+ */
+export interface ALSAIMessageTimestampProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Timestamp value (Date or string) */
+    value?: Date | string;
+    /** Custom formatter function */
+    formatter?: (date: Date) => string;
+    /** Children content (alternative to value) */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the Message Actions component
+ */
+export interface ALSAIMessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Children action buttons */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the Message Group component
+ */
+export interface ALSAIMessageGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Role of the message group */
+    from?: ALSAIMessageRole;
+    /** Children messages */
+    children?: React.ReactNode;
+}
+/**
+ * ALSAIMessageRoot - Container component for a single message with role-based styling
+ */
+export declare const ALSAIMessageRoot: React.ForwardRefExoticComponent<ALSAIMessageRootProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSAIMessageContent - Content wrapper for message text or custom content
+ */
+export declare const ALSAIMessageContent: React.ForwardRefExoticComponent<ALSAIMessageContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSAIMessageAvatar - Avatar display with name-based fallback
+ */
+export declare const ALSAIMessageAvatar: React.FC<ALSAIMessageAvatarProps>;
+/**
+ * ALSAIMessageTimestamp - Timestamp display for messages
+ */
+export declare const ALSAIMessageTimestamp: React.ForwardRefExoticComponent<ALSAIMessageTimestampProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * ALSAIMessageActions - Container for message action buttons
+ */
+export declare const ALSAIMessageActions: React.ForwardRefExoticComponent<ALSAIMessageActionsProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSAIMessageGroup - Groups consecutive messages from the same sender
+ */
+export declare const ALSAIMessageGroup: React.ForwardRefExoticComponent<ALSAIMessageGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSAIMessageLoader - Loading indicator for streaming messages
+ */
+export declare const ALSAIMessageLoader: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSAIMessage.d.ts.map

package/dist/aicomponents/ALSAIMessage/ALSAIMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAIMessage.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIMessage/ALSAIMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,qBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,6DAA6D;IAC7D,IAAI,EAAE,gBAAgB,CAAC;IACvB,oCAAoC;IACpC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,wBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,0BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,uCAAuC;IACvC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACnC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,wBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,sBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,gCAAgC;IAChC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAkCD;;GAEG;AACH,eAAO,MAAM,gBAAgB,8FA6C5B,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAqB9B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,qBAAqB,oGAmChC,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAsB9B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAmB5B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAoBvC,CAAC"}

package/dist/aicomponents/ALSAIMessage/index.d.ts

@@ -0,0 +1,7 @@
+import type { ALSAIMessageRootProps, ALSAIMessageContentProps, ALSAIMessageAvatarProps, ALSAIMessageRole, ALSAIMessageVariant, ALSAIMessageSize } from "./ALSAIMessage";
+export declare const ALSAIMessage: {
+    Root: import("react").ForwardRefExoticComponent<ALSAIMessageRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<ALSAIMessageContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type { ALSAIMessageRootProps, ALSAIMessageContentProps, ALSAIMessageAvatarProps, ALSAIMessageRole, ALSAIMessageVariant, ALSAIMessageSize, };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAIMessage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIMessage/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EACnB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,YAAY,EACR,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACnB,CAAC"}

package/dist/aicomponents/ALSAIPromptInput/ALSAIPromptInput.d.ts

@@ -0,0 +1,242 @@
+import React from "react";
+export interface ALSAIPromptInputRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit"> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Callback when form is submitted
+     */
+    onSubmit?: (value: string) => void;
+    /**
+     * Initial value for the input
+     */
+    defaultValue?: string;
+    /**
+     * Controlled value
+     */
+    value?: string;
+    /**
+     * Callback when value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+}
+export interface ALSAIPromptInputTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Maximum number of rows before scrolling
+     * @default 6
+     */
+    maxRows?: number;
+    /**
+     * Minimum number of rows
+     * @default 1
+     */
+    minRows?: number;
+}
+export interface ALSAIPromptInputToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+}
+export interface ALSAIPromptInputToolsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+}
+export interface ALSAIPromptInputButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Button variant
+     * @default "ghost"
+     */
+    variant?: "ghost" | "solid";
+}
+export interface ALSAIPromptInputSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom icon for the submit button
+     */
+    icon?: React.ReactNode;
+}
+export interface ALSAIPromptInputFileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Callback when files are selected
+     */
+    onFilesChange?: (files: FileList | null) => void;
+    /**
+     * Custom icon for the file button
+     */
+    icon?: React.ReactNode;
+    /**
+     * Button variant
+     * @default "ghost"
+     */
+    variant?: "ghost" | "solid";
+}
+export interface ALSAIPromptInputModelSelectRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Current selected value
+     */
+    value?: string;
+    /**
+     * Callback when value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Default value
+     */
+    defaultValue?: string;
+}
+export interface ALSAIPromptInputModelSelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+}
+export interface ALSAIPromptInputModelSelectContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+}
+export interface ALSAIPromptInputModelSelectItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Value of the item
+     */
+    value: string;
+}
+export interface ALSAIPromptInputModelSelectValueProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Placeholder text when no value is selected
+     */
+    placeholder?: string;
+}
+export declare const ALSAIPromptInputRoot: React.ForwardRefExoticComponent<ALSAIPromptInputRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIPromptInputTextarea: React.ForwardRefExoticComponent<ALSAIPromptInputTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const ALSAIPromptInputToolbar: React.ForwardRefExoticComponent<ALSAIPromptInputToolbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIPromptInputTools: React.ForwardRefExoticComponent<ALSAIPromptInputToolsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIPromptInputButton: React.ForwardRefExoticComponent<ALSAIPromptInputButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ALSAIPromptInputSubmit: React.ForwardRefExoticComponent<ALSAIPromptInputSubmitProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ALSAIPromptInputFile: React.ForwardRefExoticComponent<ALSAIPromptInputFileProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ALSAIPromptInputModelSelectRoot: React.ForwardRefExoticComponent<ALSAIPromptInputModelSelectRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIPromptInputModelSelectTrigger: React.ForwardRefExoticComponent<ALSAIPromptInputModelSelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ALSAIPromptInputModelSelectContent: React.ForwardRefExoticComponent<ALSAIPromptInputModelSelectContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIPromptInputModelSelectItem: React.ForwardRefExoticComponent<ALSAIPromptInputModelSelectItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ALSAIPromptInputModelSelectValue: React.ForwardRefExoticComponent<ALSAIPromptInputModelSelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=ALSAIPromptInput.d.ts.map

package/dist/aicomponents/ALSAIPromptInput/ALSAIPromptInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAIPromptInput.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIPromptInput/ALSAIPromptInput.tsx"],"names":[],"mappings":"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"}

package/dist/aicomponents/ALSAIPromptInput/index.d.ts

@@ -0,0 +1,19 @@
+import type { ALSAIPromptInputRootProps, ALSAIPromptInputTextareaProps, ALSAIPromptInputToolbarProps, ALSAIPromptInputToolsProps, ALSAIPromptInputButtonProps, ALSAIPromptInputSubmitProps, ALSAIPromptInputFileProps, ALSAIPromptInputModelSelectRootProps, ALSAIPromptInputModelSelectTriggerProps, ALSAIPromptInputModelSelectContentProps, ALSAIPromptInputModelSelectItemProps, ALSAIPromptInputModelSelectValueProps } from "./ALSAIPromptInput";
+export declare const ALSAIPromptInput: {
+    Root: import("react").ForwardRefExoticComponent<ALSAIPromptInputRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Textarea: import("react").ForwardRefExoticComponent<ALSAIPromptInputTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Toolbar: import("react").ForwardRefExoticComponent<ALSAIPromptInputToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+    Tools: import("react").ForwardRefExoticComponent<ALSAIPromptInputToolsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Button: import("react").ForwardRefExoticComponent<ALSAIPromptInputButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Submit: import("react").ForwardRefExoticComponent<ALSAIPromptInputSubmitProps & import("react").RefAttributes<HTMLButtonElement>>;
+    File: import("react").ForwardRefExoticComponent<ALSAIPromptInputFileProps & import("react").RefAttributes<HTMLInputElement>>;
+};
+export declare const ALSAIPromptInputModelSelect: {
+    Root: import("react").ForwardRefExoticComponent<ALSAIPromptInputModelSelectRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<ALSAIPromptInputModelSelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<ALSAIPromptInputModelSelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<ALSAIPromptInputModelSelectItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Value: import("react").ForwardRefExoticComponent<ALSAIPromptInputModelSelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export type { ALSAIPromptInputRootProps, ALSAIPromptInputTextareaProps, ALSAIPromptInputToolbarProps, ALSAIPromptInputToolsProps, ALSAIPromptInputButtonProps, ALSAIPromptInputSubmitProps, ALSAIPromptInputFileProps, ALSAIPromptInputModelSelectRootProps, ALSAIPromptInputModelSelectTriggerProps, ALSAIPromptInputModelSelectContentProps, ALSAIPromptInputModelSelectItemProps, ALSAIPromptInputModelSelectValueProps, };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAIPromptInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIPromptInput/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACR,yBAAyB,EACzB,6BAA6B,EAC7B,4BAA4B,EAC5B,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,EACzB,oCAAoC,EACpC,uCAAuC,EACvC,uCAAuC,EACvC,oCAAoC,EACpC,qCAAqC,EACxC,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,gBAAgB;;;;;;;;CAQ5B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;CAMvC,CAAC;AAEF,YAAY,EACR,yBAAyB,EACzB,6BAA6B,EAC7B,4BAA4B,EAC5B,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,EACzB,oCAAoC,EACpC,uCAAuC,EACvC,uCAAuC,EACvC,oCAAoC,EACpC,qCAAqC,GACxC,CAAC"}

package/dist/aicomponents/ALSAIResponse/ALSAIResponse.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface ALSAIResponseProps {
+    content: string;
+    variant?: "default" | "compact";
+    className?: string;
+    style?: React.CSSProperties;
+    showCopyButton?: boolean;
+    animated?: boolean;
+}
+export type ALSAIResponseVariant = "default" | "compact";
+export declare const ALSAIResponse: React.FC<ALSAIResponseProps>;
+//# sourceMappingURL=ALSAIResponse.d.ts.map

package/dist/aicomponents/ALSAIResponse/ALSAIResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAIResponse.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIResponse/ALSAIResponse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,CAAC;AAGzD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6KtD,CAAC"}

package/dist/aicomponents/ALSAIResponse/index.d.ts

@@ -0,0 +1,5 @@
+import { ALSAIResponse } from "./ALSAIResponse";
+import type { ALSAIResponseProps, ALSAIResponseVariant } from "./ALSAIResponse";
+export { ALSAIResponse };
+export type { ALSAIResponseProps, ALSAIResponseVariant };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAIResponse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIResponse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}