@salla.sa/ui-ai-kit-core 1.0.0

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+
+export { format };

package/dist/esm/loader.js

@@ -0,0 +1,10 @@
+import { g as globalScripts, b as bootstrapLazy } from './index-7hrZ8FOQ.js';
+export { s as setNonce } from './index-7hrZ8FOQ.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["ai-chat-container",[[769,"ai-chat-container",{"isOpen":[4,"is-open"],"position":[1],"width":[1],"autoScroll":[4,"auto-scroll"],"showWatermark":[4,"show-watermark"],"floatHeight":[1,"float-height"],"isMobile":[32]},null,{"position":[{"positionChanged":0}]}]]],["ai-message-input",[[513,"ai-message-input",{"placeholder":[1],"disabled":[4],"showVoiceButton":[4,"show-voice-button"],"inputValue":[32],"setInputValue":[64]}]]],["ai-voice-input",[[513,"ai-voice-input",{"disabled":[4],"showWaveform":[4,"show-waveform"],"autoStart":[4,"auto-start"],"state":[32],"error":[32],"recordingDuration":[32]}]]],["ai-card",[[769,"ai-card",{"noPadding":[4,"no-padding"],"noShadow":[4,"no-shadow"]}]]],["ai-chat-header",[[513,"ai-chat-header",{"mode":[1],"conversation":[1],"agentName":[1,"agent-name"],"agentStatus":[1,"agent-status"],"agentAvatar":[1,"agent-avatar"],"showBack":[4,"show-back"],"isDraggable":[4,"is-draggable"]}]]],["ai-chat-message",[[769,"ai-chat-message",{"role":[1],"content":[1],"format":[1],"agentName":[1,"agent-name"],"timestamp":[1],"showActions":[4,"show-actions"],"enableRegenerate":[4,"enable-regenerate"],"feedbackValue":[1025,"feedback-value"],"copySuccess":[32]}]]],["ai-link",[[769,"ai-link",{"label":[1],"href":[1],"target":[1],"rel":[1]}]]],["ai-loading",[[513,"ai-loading",{"mode":[1],"statusText":[1,"status-text"],"steps":[1],"headerTitle":[1,"header-title"],"expanded":[1028],"collapsible":[4],"_expanded":[32]}]]],["ai-rating",[[513,"ai-rating",{"question":[1],"subtitle":[1],"value":[1026],"disabled":[4],"hovered":[32]}]]],["ai-suggestion",[[769,"ai-suggestion",{"label":[1],"disabled":[4]}]]],["ai-icon",[[513,"ai-icon",{"name":[1],"size":[2]}]]]], options);
+};
+
+export { defineCustomElements };

package/dist/esm/ui-ai-kit.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-7hrZ8FOQ.js';
+export { s as setNonce } from './index-7hrZ8FOQ.js';
+
+/*
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["ai-chat-container",[[769,"ai-chat-container",{"isOpen":[4,"is-open"],"position":[1],"width":[1],"autoScroll":[4,"auto-scroll"],"showWatermark":[4,"show-watermark"],"floatHeight":[1,"float-height"],"isMobile":[32]},null,{"position":[{"positionChanged":0}]}]]],["ai-message-input",[[513,"ai-message-input",{"placeholder":[1],"disabled":[4],"showVoiceButton":[4,"show-voice-button"],"inputValue":[32],"setInputValue":[64]}]]],["ai-voice-input",[[513,"ai-voice-input",{"disabled":[4],"showWaveform":[4,"show-waveform"],"autoStart":[4,"auto-start"],"state":[32],"error":[32],"recordingDuration":[32]}]]],["ai-card",[[769,"ai-card",{"noPadding":[4,"no-padding"],"noShadow":[4,"no-shadow"]}]]],["ai-chat-header",[[513,"ai-chat-header",{"mode":[1],"conversation":[1],"agentName":[1,"agent-name"],"agentStatus":[1,"agent-status"],"agentAvatar":[1,"agent-avatar"],"showBack":[4,"show-back"],"isDraggable":[4,"is-draggable"]}]]],["ai-chat-message",[[769,"ai-chat-message",{"role":[1],"content":[1],"format":[1],"agentName":[1,"agent-name"],"timestamp":[1],"showActions":[4,"show-actions"],"enableRegenerate":[4,"enable-regenerate"],"feedbackValue":[1025,"feedback-value"],"copySuccess":[32]}]]],["ai-link",[[769,"ai-link",{"label":[1],"href":[1],"target":[1],"rel":[1]}]]],["ai-loading",[[513,"ai-loading",{"mode":[1],"statusText":[1,"status-text"],"steps":[1],"headerTitle":[1,"header-title"],"expanded":[1028],"collapsible":[4],"_expanded":[32]}]]],["ai-rating",[[513,"ai-rating",{"question":[1],"subtitle":[1],"value":[1026],"disabled":[4],"hovered":[32]}]]],["ai-suggestion",[[769,"ai-suggestion",{"label":[1],"disabled":[4]}]]],["ai-icon",[[513,"ai-icon",{"name":[1],"size":[2]}]]]], options);
+});

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/ai-card/ai-card.d.ts

@@ -0,0 +1,7 @@
+export declare class AiCard {
+    /** Remove the default padding */
+    noPadding: boolean;
+    /** Remove the shadow */
+    noShadow: boolean;
+    render(): any;
+}

package/dist/types/components/ai-card/ai-card.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const AiReply: Story;
+export declare const WithRating: Story;
+export declare const NoPadding: Story;

package/dist/types/components/ai-chat-container/ai-chat-container.d.ts

@@ -0,0 +1,28 @@
+export declare class ChatContainer {
+    el: HTMLElement;
+    /** Controls visibility of the chat panel */
+    isOpen: boolean;
+    /** Position of the panel: 'left', 'right', or 'float' */
+    position: 'left' | 'right' | 'float';
+    /** Width of the panel (CSS value, e.g., '400px', '30%', '28rem') */
+    width: string;
+    /** Enable/disable auto-scroll to latest message */
+    autoScroll: boolean;
+    /** Show AI watermark in the top half of the container */
+    showWatermark: boolean;
+    /** Height of the panel when position='float' */
+    floatHeight: string;
+    isMobile: boolean;
+    private containerRef;
+    private dragState;
+    private resizeObserver;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    positionChanged(newVal: string): void;
+    disconnectedCallback(): void;
+    private checkMobile;
+    private setupDrag;
+    private getContainerClasses;
+    private getContainerStyle;
+    render(): any;
+}

package/dist/types/components/ai-chat-container/ai-chat-container.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const StickyRight: Story;
+export declare const FloatMode: Story;
+export declare const ShowcaseConversation: Story;

package/dist/types/components/ai-chat-header/ai-chat-header.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class AiChatHeader {
+    /** Layout variant */
+    mode: 'agent' | 'human';
+    /** Agent mode: conversation title */
+    conversation: string;
+    /** Human mode: agent's display name */
+    agentName: string;
+    /** Human mode: status label (e.g. "Active") */
+    agentStatus: string;
+    /** Human mode: avatar image URL */
+    agentAvatar: string;
+    /** Human mode: show the back button */
+    showBack: boolean;
+    isDraggable: boolean;
+    /** Cancel / close button */
+    closeClick: EventEmitter<void>;
+    /** Pencil-edit button (agent mode) */
+    editClick: EventEmitter<void>;
+    /** Title / chevron click → open conversation list (agent mode) */
+    dropdownClick: EventEmitter<void>;
+    /** Chevron-down button (human mode) */
+    moreClick: EventEmitter<void>;
+    /** Back-arrow button (human mode) */
+    backClick: EventEmitter<void>;
+    /**
+     * Fired on pointerdown of the drag handle.
+     * Composed + bubbling so ai-chat-container can receive it across shadow roots.
+     */
+    headerDragStart: EventEmitter<{
+        clientX: number;
+        clientY: number;
+    }>;
+    private renderIcon;
+    private renderAgentMode;
+    private renderHumanMode;
+    render(): any;
+}

package/dist/types/components/ai-chat-header/ai-chat-header.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const AgentMode: Story;
+export declare const HumanMode: Story;
+export declare const HumanWithoutBack: Story;
+export declare const InChatContainer: Story;

package/dist/types/components/ai-chat-message/ai-chat-message.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class AiChatMessage {
+    role: 'user' | 'agent';
+    content: string;
+    format: 'text' | 'markdown';
+    agentName: string;
+    timestamp: string;
+    showActions: boolean;
+    enableRegenerate: boolean;
+    feedbackValue: 'up' | 'down' | null;
+    messageCopy: EventEmitter<void>;
+    messageFeedback: EventEmitter<'up' | 'down'>;
+    messageRegenerate: EventEmitter<void>;
+    private copySuccess;
+    private copyTimeout;
+    disconnectedCallback(): void;
+    private renderIcon;
+    private parseMarkdown;
+    private getRenderedContent;
+    private getRelativeTime;
+    private handleCopy;
+    private handleFeedback;
+    private renderActionsBar;
+    private renderUserMessage;
+    private renderAgentMessage;
+    render(): any;
+}

package/dist/types/components/ai-chat-message/ai-chat-message.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const UserMessage: Story;
+export declare const AgentMessageSimple: Story;
+export declare const AgentMessageMarkdown: Story;
+export declare const FeedbackSelected: Story;
+export declare const WithSlottedContent: Story;
+export declare const ConversationThread: Story;

package/dist/types/components/ai-icon/ai-icon.d.ts

@@ -0,0 +1,8 @@
+import { IconName } from '../../utils/icon-registry';
+export declare class AiIcon {
+    /** Icon name from the registry */
+    name: IconName;
+    /** Size in pixels for width and height */
+    size: number;
+    render(): any;
+}

package/dist/types/components/ai-link/ai-link.d.ts

@@ -0,0 +1,12 @@
+export declare class AiLink {
+    /** Link display label */
+    label: string;
+    /** Href URL */
+    href: string;
+    /** Link target */
+    target: '_blank' | '_self' | '_parent' | '_top';
+    /** Rel attribute — defaults to noopener noreferrer for _blank */
+    rel: string;
+    private renderShareIcon;
+    render(): any;
+}

package/dist/types/components/ai-link/ai-link.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Playground: Story;
+export declare const MultipleLinks: Story;
+export declare const InsideCard: Story;
+export declare const FullMessageContext: Story;

package/dist/types/components/ai-loading/ai-loading.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface LoadingStep {
+    id: string;
+    title: string;
+    status: 'pending' | 'executing' | 'completed' | 'failed';
+    agent?: string;
+}
+export declare class AiLoading {
+    /** Main mode switch */
+    mode: 'thinking' | 'steps';
+    /** Thinking mode status text */
+    statusText: string;
+    /** Steps as JSON string array of LoadingStep */
+    steps: string;
+    /** Steps mode title */
+    headerTitle: string;
+    /** Steps mode expand state */
+    expanded: boolean;
+    /** Whether steps card is collapsible */
+    collapsible: boolean;
+    toggleExpand: EventEmitter<boolean>;
+    stepClick: EventEmitter<LoadingStep>;
+    private _expanded;
+    componentWillLoad(): void;
+    private renderIcon;
+    private renderSparkleAvatar;
+    private renderStepBadge;
+    private getStepsList;
+    private handleToggle;
+    private renderThinkingMode;
+    private renderStepsMode;
+    render(): any;
+}

package/dist/types/components/ai-loading/ai-loading.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Thinking: Story;
+export declare const ThinkingCustomText: Story;
+export declare const StepsInProgress: Story;
+export declare const StepsAllCompleted: Story;
+export declare const StepsCollapsed: Story;
+export declare const StepsCustomTitle: Story;

package/dist/types/components/ai-message-input/ai-message-input.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MessageInput {
+    el: HTMLElement;
+    /** Placeholder text for the textarea */
+    placeholder: string;
+    /** Whether the input is disabled */
+    disabled: boolean;
+    /** Whether to show the voice recording button */
+    showVoiceButton: boolean;
+    inputValue: string;
+    private textareaRef;
+    /** Event emitted when a message is sent */
+    sendMessage: EventEmitter<string>;
+    /** Event emitted when the voice button is clicked — caller controls rendering the voice recorder */
+    voiceButtonClick: EventEmitter<void>;
+    /** Set the textarea value programmatically (e.g. after speech-to-text transcription) */
+    setInputValue(value: string): Promise<void>;
+    private handleSendMessage;
+    private handleKeyPress;
+    private handleInputChange;
+    render(): any;
+}

package/dist/types/components/ai-message-input/ai-message-input.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Disabled: Story;
+/**
+ * Demonstrates the full voice toggle pattern:
+ * clicking the mic button hides the message input and shows ai-voice-input.
+ * After recording (or cancel) the voice input is hidden and message input is restored.
+ * When audio is recorded, setInputValue() pre-fills the textarea for review.
+ */
+export declare const WithVoiceToggle: Story;

package/dist/types/components/ai-rating/ai-rating.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type RatingValue = 1 | 2 | 3 | 4 | 5;
+export declare class AiRating {
+    /** Main question label */
+    question: string;
+    /** Sub-label below the question */
+    subtitle: string;
+    /** Currently selected rating value (1–5) */
+    value: RatingValue | null;
+    /** Disable interaction */
+    disabled: boolean;
+    private hovered;
+    ratingChange: EventEmitter<RatingValue>;
+    private select;
+    private get selectedLabel();
+    render(): any;
+}

package/dist/types/components/ai-rating/ai-rating.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Standalone: Story;
+export declare const InsideCard: Story;
+export declare const PreSelected: Story;
+export declare const Disabled: Story;

package/dist/types/components/ai-suggestion/ai-suggestion.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class AiSuggestion {
+    /** Suggestion text label */
+    label: string;
+    /** Disabled state */
+    disabled: boolean;
+    suggestionClick: EventEmitter<string>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/ai-suggestion/ai-suggestion.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Playground: Story;
+export declare const SuggestionGroup: Story;
+export declare const Disabled: Story;
+export declare const InChatContext: Story;

package/dist/types/components/ai-voice-input/ai-voice-input.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+type RecordingState = 'idle' | 'recording';
+export declare class VoiceInput {
+    /** Whether the voice input is disabled */
+    disabled: boolean;
+    /** Whether to show the waveform animation */
+    showWaveform: boolean;
+    /** Whether to auto-start recording on mount */
+    autoStart: boolean;
+    /** Internal state */
+    state: RecordingState;
+    error: string | null;
+    recordingDuration: number;
+    /** Event emitted when audio blob is ready */
+    audioRecorded: EventEmitter<{
+        blob: Blob;
+        duration: number;
+    }>;
+    /** Event emitted when recording is canceled */
+    recordingCancel: EventEmitter<void>;
+    private streamRef;
+    private audioContextRef;
+    private analyserRef;
+    private mediaRecorderRef;
+    private audioChunks;
+    private recordingStartTime;
+    private recordingTimer;
+    private maxTimeoutRef;
+    private canvasRef;
+    private animationFrameId;
+    private prevHeights;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private cleanup;
+    private startRecording;
+    private setupMediaRecorder;
+    private stopRecording;
+    private cancelRecording;
+    private drawWaveform;
+    private formatDuration;
+    render(): any;
+}
+export {};

package/dist/types/components/ai-voice-input/ai-voice-input.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const AutoStart: Story;
+export declare const WithoutWaveform: Story;
+export declare const Disabled: Story;
+export declare const WithEventHandlers: Story;