@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/ConversationList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ConversationList/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ConversationList.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type AutoScrollBehavior = boolean | 'smart';\n\nexport interface ConversationListProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Message components */\n  children: React.ReactNode;\n  /** Auto-scroll behavior: true (always), false (never), or 'smart' (only when near bottom) */\n  autoScroll?: AutoScrollBehavior;\n  /** Callback when user scrolls to top (for loading history) */\n  onScrollTop?: () => void;\n  /** Show loading spinner at top when loading history */\n  loadingHistory?: boolean;\n  /** Content to show when conversation is empty */\n  emptyState?: React.ReactNode;\n  /** Threshold in pixels from top to trigger onScrollTop */\n  scrollTopThreshold?: number;\n  /** Threshold in pixels from bottom for smart auto-scroll */\n  scrollBottomThreshold?: number;\n}\n\nexport interface DateSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Date to display */\n  date: Date;\n  /** Custom format function */\n  format?: (date: Date) => string;\n}\n\nexport interface TypingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Who is typing */\n  name?: string;\n  /** Custom avatar */\n  avatar?: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ConversationListContextValue {\n  scrollToBottom: () => void;\n}\n\nconst ConversationListContext = React.createContext<ConversationListContextValue | null>(null);\n\nexport function useConversationList() {\n  const context = React.useContext(ConversationListContext);\n  if (!context) {\n    throw new Error('useConversationList must be used within a ConversationList');\n  }\n  return context;\n}\n\n// ============================================\n// Helper Functions\n// ============================================\n\nfunction formatDateSeparator(date: Date): string {\n  const now = new Date();\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const yesterday = new Date(today.getTime() - 86400000);\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n\n  if (dateOnly.getTime() === today.getTime()) {\n    return 'Today';\n  }\n  if (dateOnly.getTime() === yesterday.getTime()) {\n    return 'Yesterday';\n  }\n\n  return date.toLocaleDateString(undefined, {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n  });\n}\n\n\n// ============================================\n// Sub-components\n// ============================================\n\nfunction DateSeparator({\n  date,\n  format: customFormat,\n  className,\n  ...htmlProps\n}: DateSeparatorProps) {\n  const formatted = customFormat ? customFormat(date) : formatDateSeparator(date);\n\n  const classes = [styles.dateSeparator, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes} role=\"separator\">\n      <span className={styles.dateSeparatorLine} />\n      <span className={styles.dateSeparatorText}>{formatted}</span>\n      <span className={styles.dateSeparatorLine} />\n    </div>\n  );\n}\n\nfunction TypingIndicator({\n  name = 'Assistant',\n  avatar,\n  className,\n  ...htmlProps\n}: TypingIndicatorProps) {\n  const classes = [styles.typingIndicator, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes} aria-label={`${name} is typing`}>\n      {avatar && <div className={styles.typingAvatar}>{avatar}</div>}\n      <div className={styles.typingContent}>\n        <span className={styles.typingDot} />\n        <span className={styles.typingDot} />\n        <span className={styles.typingDot} />\n      </div>\n    </div>\n  );\n}\n\n// ============================================\n// Main Component\n// ============================================\n\nfunction ConversationListRoot({\n  children,\n  autoScroll = 'smart',\n  onScrollTop,\n  loadingHistory = false,\n  emptyState,\n  scrollTopThreshold = 50,\n  scrollBottomThreshold = 100,\n  className,\n  ...htmlProps\n}: ConversationListProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const isNearBottomRef = React.useRef(true);\n  const prevChildrenCountRef = React.useRef(0);\n\n  // Check if user is near the bottom\n  const checkIsNearBottom = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return true;\n\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    return scrollHeight - scrollTop - clientHeight <= scrollBottomThreshold;\n  }, [scrollBottomThreshold]);\n\n  // Scroll to bottom\n  const scrollToBottom = React.useCallback((behavior: ScrollBehavior = 'smooth') => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.scrollTo({\n      top: container.scrollHeight,\n      behavior,\n    });\n  }, []);\n\n  // Handle scroll events\n  const handleScroll = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    // Update near-bottom status for smart scroll\n    isNearBottomRef.current = checkIsNearBottom();\n\n    // Check for scroll-to-top (history loading)\n    if (onScrollTop && container.scrollTop <= scrollTopThreshold) {\n      onScrollTop();\n    }\n  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold]);\n\n  // Auto-scroll on new messages\n  React.useEffect(() => {\n    const childrenCount = React.Children.count(children);\n    const hasNewMessages = childrenCount > prevChildrenCountRef.current;\n    prevChildrenCountRef.current = childrenCount;\n\n    if (!hasNewMessages) return;\n\n    if (autoScroll === true) {\n      scrollToBottom();\n    } else if (autoScroll === 'smart' && isNearBottomRef.current) {\n      scrollToBottom();\n    }\n  }, [children, autoScroll, scrollToBottom]);\n\n  // Initial scroll to bottom\n  React.useEffect(() => {\n    if (autoScroll) {\n      scrollToBottom('instant');\n    }\n  }, [autoScroll, scrollToBottom]);\n\n  const contextValue: ConversationListContextValue = {\n    scrollToBottom,\n  };\n\n  const hasChildren = React.Children.count(children) > 0;\n\n  const classes = [\n    styles.conversationList,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <ConversationListContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        ref={containerRef}\n        className={classes}\n        onScroll={handleScroll}\n      >\n        {loadingHistory && (\n          <div className={styles.loadingHistory}>\n            <Loading size=\"md\" variant=\"spinner\" color=\"muted\" label=\"Loading history\" />\n            <span>Loading history...</span>\n          </div>\n        )}\n\n        <div ref={contentRef} className={styles.content}>\n          {hasChildren ? children : emptyState}\n        </div>\n      </div>\n    </ConversationListContext.Provider>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const ConversationList = Object.assign(ConversationListRoot, {\n  DateSeparator,\n  TypingIndicator,\n});\n\nexport {\n  ConversationListRoot,\n  DateSeparator,\n  TypingIndicator,\n};\n"],"names":["React","styles","jsx","jsxs","Loading"],"mappings":"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"}

package/dist/components/ConversationList/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export type AutoScrollBehavior = boolean | 'smart';
+export interface ConversationListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Message components */
+    children: React.ReactNode;
+    /** Auto-scroll behavior: true (always), false (never), or 'smart' (only when near bottom) */
+    autoScroll?: AutoScrollBehavior;
+    /** Callback when user scrolls to top (for loading history) */
+    onScrollTop?: () => void;
+    /** Show loading spinner at top when loading history */
+    loadingHistory?: boolean;
+    /** Content to show when conversation is empty */
+    emptyState?: React.ReactNode;
+    /** Threshold in pixels from top to trigger onScrollTop */
+    scrollTopThreshold?: number;
+    /** Threshold in pixels from bottom for smart auto-scroll */
+    scrollBottomThreshold?: number;
+}
+export interface DateSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Date to display */
+    date: Date;
+    /** Custom format function */
+    format?: (date: Date) => string;
+}
+export interface TypingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Who is typing */
+    name?: string;
+    /** Custom avatar */
+    avatar?: React.ReactNode;
+}
+interface ConversationListContextValue {
+    scrollToBottom: () => void;
+}
+export declare function useConversationList(): ConversationListContextValue;
+declare function DateSeparator({ date, format: customFormat, className, ...htmlProps }: DateSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare function TypingIndicator({ name, avatar, className, ...htmlProps }: TypingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare function ConversationListRoot({ children, autoScroll, onScrollTop, loadingHistory, emptyState, scrollTopThreshold, scrollBottomThreshold, className, ...htmlProps }: ConversationListProps): import("react/jsx-runtime").JSX.Element;
+export declare const ConversationList: typeof ConversationListRoot & {
+    DateSeparator: typeof DateSeparator;
+    TypingIndicator: typeof TypingIndicator;
+};
+export { ConversationListRoot, DateSeparator, TypingIndicator, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ConversationList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAMD,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID,wBAAgB,mBAAmB,iCAMlC;AA+BD,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAYpB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAatB;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,UAAoB,EACpB,WAAW,EACX,cAAsB,EACtB,UAAU,EACV,kBAAuB,EACvB,qBAA2B,EAC3B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CA8FvB;AAMD,eAAO,MAAM,gBAAgB;;;CAG3B,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,eAAe,GAChB,CAAC"}

package/dist/components/ConversationList/index.js

@@ -0,0 +1,149 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./ConversationList.module.scss.js";
+import { Loading } from "../Loading/index.js";
+const ConversationListContext = React.createContext(null);
+function useConversationList() {
+  const context = React.useContext(ConversationListContext);
+  if (!context) {
+    throw new Error("useConversationList must be used within a ConversationList");
+  }
+  return context;
+}
+function formatDateSeparator(date) {
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const yesterday = new Date(today.getTime() - 864e5);
+  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  if (dateOnly.getTime() === today.getTime()) {
+    return "Today";
+  }
+  if (dateOnly.getTime() === yesterday.getTime()) {
+    return "Yesterday";
+  }
+  return date.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+}
+function DateSeparator({
+  date,
+  format: customFormat,
+  className,
+  ...htmlProps
+}) {
+  const formatted = customFormat ? customFormat(date) : formatDateSeparator(date);
+  const classes = [styles.dateSeparator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, role: "separator", children: [
+    /* @__PURE__ */ jsx("span", { className: styles.dateSeparatorLine }),
+    /* @__PURE__ */ jsx("span", { className: styles.dateSeparatorText, children: formatted }),
+    /* @__PURE__ */ jsx("span", { className: styles.dateSeparatorLine })
+  ] });
+}
+function TypingIndicator({
+  name = "Assistant",
+  avatar,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.typingIndicator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, "aria-label": `${name} is typing`, children: [
+    avatar && /* @__PURE__ */ jsx("div", { className: styles.typingAvatar, children: avatar }),
+    /* @__PURE__ */ jsxs("div", { className: styles.typingContent, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.typingDot }),
+      /* @__PURE__ */ jsx("span", { className: styles.typingDot }),
+      /* @__PURE__ */ jsx("span", { className: styles.typingDot })
+    ] })
+  ] });
+}
+function ConversationListRoot({
+  children,
+  autoScroll = "smart",
+  onScrollTop,
+  loadingHistory = false,
+  emptyState,
+  scrollTopThreshold = 50,
+  scrollBottomThreshold = 100,
+  className,
+  ...htmlProps
+}) {
+  const containerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const isNearBottomRef = React.useRef(true);
+  const prevChildrenCountRef = React.useRef(0);
+  const checkIsNearBottom = React.useCallback(() => {
+    const container = containerRef.current;
+    if (!container) return true;
+    const { scrollTop, scrollHeight, clientHeight } = container;
+    return scrollHeight - scrollTop - clientHeight <= scrollBottomThreshold;
+  }, [scrollBottomThreshold]);
+  const scrollToBottom = React.useCallback((behavior = "smooth") => {
+    const container = containerRef.current;
+    if (!container) return;
+    container.scrollTo({
+      top: container.scrollHeight,
+      behavior
+    });
+  }, []);
+  const handleScroll = React.useCallback(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    isNearBottomRef.current = checkIsNearBottom();
+    if (onScrollTop && container.scrollTop <= scrollTopThreshold) {
+      onScrollTop();
+    }
+  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold]);
+  React.useEffect(() => {
+    const childrenCount = React.Children.count(children);
+    const hasNewMessages = childrenCount > prevChildrenCountRef.current;
+    prevChildrenCountRef.current = childrenCount;
+    if (!hasNewMessages) return;
+    if (autoScroll === true) {
+      scrollToBottom();
+    } else if (autoScroll === "smart" && isNearBottomRef.current) {
+      scrollToBottom();
+    }
+  }, [children, autoScroll, scrollToBottom]);
+  React.useEffect(() => {
+    if (autoScroll) {
+      scrollToBottom("instant");
+    }
+  }, [autoScroll, scrollToBottom]);
+  const contextValue = {
+    scrollToBottom
+  };
+  const hasChildren = React.Children.count(children) > 0;
+  const classes = [
+    styles.conversationList,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(ConversationListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlProps,
+      ref: containerRef,
+      className: classes,
+      onScroll: handleScroll,
+      children: [
+        loadingHistory && /* @__PURE__ */ jsxs("div", { className: styles.loadingHistory, children: [
+          /* @__PURE__ */ jsx(Loading, { size: "md", variant: "spinner", color: "muted", label: "Loading history" }),
+          /* @__PURE__ */ jsx("span", { children: "Loading history..." })
+        ] }),
+        /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.content, children: hasChildren ? children : emptyState })
+      ]
+    }
+  ) });
+}
+const ConversationList = Object.assign(ConversationListRoot, {
+  DateSeparator,
+  TypingIndicator
+});
+export {
+  ConversationList,
+  ConversationListRoot,
+  DateSeparator,
+  TypingIndicator,
+  useConversationList
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ConversationList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ConversationList/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ConversationList.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type AutoScrollBehavior = boolean | 'smart';\n\nexport interface ConversationListProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Message components */\n  children: React.ReactNode;\n  /** Auto-scroll behavior: true (always), false (never), or 'smart' (only when near bottom) */\n  autoScroll?: AutoScrollBehavior;\n  /** Callback when user scrolls to top (for loading history) */\n  onScrollTop?: () => void;\n  /** Show loading spinner at top when loading history */\n  loadingHistory?: boolean;\n  /** Content to show when conversation is empty */\n  emptyState?: React.ReactNode;\n  /** Threshold in pixels from top to trigger onScrollTop */\n  scrollTopThreshold?: number;\n  /** Threshold in pixels from bottom for smart auto-scroll */\n  scrollBottomThreshold?: number;\n}\n\nexport interface DateSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Date to display */\n  date: Date;\n  /** Custom format function */\n  format?: (date: Date) => string;\n}\n\nexport interface TypingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Who is typing */\n  name?: string;\n  /** Custom avatar */\n  avatar?: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ConversationListContextValue {\n  scrollToBottom: () => void;\n}\n\nconst ConversationListContext = React.createContext<ConversationListContextValue | null>(null);\n\nexport function useConversationList() {\n  const context = React.useContext(ConversationListContext);\n  if (!context) {\n    throw new Error('useConversationList must be used within a ConversationList');\n  }\n  return context;\n}\n\n// ============================================\n// Helper Functions\n// ============================================\n\nfunction formatDateSeparator(date: Date): string {\n  const now = new Date();\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const yesterday = new Date(today.getTime() - 86400000);\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n\n  if (dateOnly.getTime() === today.getTime()) {\n    return 'Today';\n  }\n  if (dateOnly.getTime() === yesterday.getTime()) {\n    return 'Yesterday';\n  }\n\n  return date.toLocaleDateString(undefined, {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n  });\n}\n\n\n// ============================================\n// Sub-components\n// ============================================\n\nfunction DateSeparator({\n  date,\n  format: customFormat,\n  className,\n  ...htmlProps\n}: DateSeparatorProps) {\n  const formatted = customFormat ? customFormat(date) : formatDateSeparator(date);\n\n  const classes = [styles.dateSeparator, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes} role=\"separator\">\n      <span className={styles.dateSeparatorLine} />\n      <span className={styles.dateSeparatorText}>{formatted}</span>\n      <span className={styles.dateSeparatorLine} />\n    </div>\n  );\n}\n\nfunction TypingIndicator({\n  name = 'Assistant',\n  avatar,\n  className,\n  ...htmlProps\n}: TypingIndicatorProps) {\n  const classes = [styles.typingIndicator, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes} aria-label={`${name} is typing`}>\n      {avatar && <div className={styles.typingAvatar}>{avatar}</div>}\n      <div className={styles.typingContent}>\n        <span className={styles.typingDot} />\n        <span className={styles.typingDot} />\n        <span className={styles.typingDot} />\n      </div>\n    </div>\n  );\n}\n\n// ============================================\n// Main Component\n// ============================================\n\nfunction ConversationListRoot({\n  children,\n  autoScroll = 'smart',\n  onScrollTop,\n  loadingHistory = false,\n  emptyState,\n  scrollTopThreshold = 50,\n  scrollBottomThreshold = 100,\n  className,\n  ...htmlProps\n}: ConversationListProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const isNearBottomRef = React.useRef(true);\n  const prevChildrenCountRef = React.useRef(0);\n\n  // Check if user is near the bottom\n  const checkIsNearBottom = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return true;\n\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    return scrollHeight - scrollTop - clientHeight <= scrollBottomThreshold;\n  }, [scrollBottomThreshold]);\n\n  // Scroll to bottom\n  const scrollToBottom = React.useCallback((behavior: ScrollBehavior = 'smooth') => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.scrollTo({\n      top: container.scrollHeight,\n      behavior,\n    });\n  }, []);\n\n  // Handle scroll events\n  const handleScroll = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    // Update near-bottom status for smart scroll\n    isNearBottomRef.current = checkIsNearBottom();\n\n    // Check for scroll-to-top (history loading)\n    if (onScrollTop && container.scrollTop <= scrollTopThreshold) {\n      onScrollTop();\n    }\n  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold]);\n\n  // Auto-scroll on new messages\n  React.useEffect(() => {\n    const childrenCount = React.Children.count(children);\n    const hasNewMessages = childrenCount > prevChildrenCountRef.current;\n    prevChildrenCountRef.current = childrenCount;\n\n    if (!hasNewMessages) return;\n\n    if (autoScroll === true) {\n      scrollToBottom();\n    } else if (autoScroll === 'smart' && isNearBottomRef.current) {\n      scrollToBottom();\n    }\n  }, [children, autoScroll, scrollToBottom]);\n\n  // Initial scroll to bottom\n  React.useEffect(() => {\n    if (autoScroll) {\n      scrollToBottom('instant');\n    }\n  }, [autoScroll, scrollToBottom]);\n\n  const contextValue: ConversationListContextValue = {\n    scrollToBottom,\n  };\n\n  const hasChildren = React.Children.count(children) > 0;\n\n  const classes = [\n    styles.conversationList,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <ConversationListContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        ref={containerRef}\n        className={classes}\n        onScroll={handleScroll}\n      >\n        {loadingHistory && (\n          <div className={styles.loadingHistory}>\n            <Loading size=\"md\" variant=\"spinner\" color=\"muted\" label=\"Loading history\" />\n            <span>Loading history...</span>\n          </div>\n        )}\n\n        <div ref={contentRef} className={styles.content}>\n          {hasChildren ? children : emptyState}\n        </div>\n      </div>\n    </ConversationListContext.Provider>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const ConversationList = Object.assign(ConversationListRoot, {\n  DateSeparator,\n  TypingIndicator,\n});\n\nexport {\n  ConversationListRoot,\n  DateSeparator,\n  TypingIndicator,\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.module.scss.cjs

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const trigger = "_trigger_9zm21_1";
+const triggerIcon = "_triggerIcon_9zm21_55";
+const triggerValue = "_triggerValue_9zm21_66";
+const triggerPlaceholder = "_triggerPlaceholder_9zm21_74";
+const positioner = "_positioner_9zm21_83";
+const popup = "_popup_9zm21_88";
+const calendar = "_calendar_9zm21_108";
+const months = "_months_9zm21_117";
+const monthCaption = "_monthCaption_9zm21_122";
+const captionLabel = "_captionLabel_9zm21_129";
+const nav = "_nav_9zm21_135";
+const navButton = "_navButton_9zm21_146";
+const chevron = "_chevron_9zm21_188";
+const monthGrid = "_monthGrid_9zm21_192";
+const weekday = "_weekday_9zm21_197";
+const day = "_day_9zm21_214";
+const dayButton = "_dayButton_9zm21_223";
+const today = "_today_9zm21_255";
+const selected = "_selected_9zm21_259";
+const outside = "_outside_9zm21_267";
+const disabled = "_disabled_9zm21_272";
+const focused = "_focused_9zm21_278";
+const rangeStart = "_rangeStart_9zm21_283";
+const rangeEnd = "_rangeEnd_9zm21_284";
+const rangeMiddle = "_rangeMiddle_9zm21_285";
+const preset = "_preset_9zm21_340";
+const styles = {
+  trigger,
+  triggerIcon,
+  triggerValue,
+  triggerPlaceholder,
+  positioner,
+  popup,
+  calendar,
+  months,
+  monthCaption,
+  captionLabel,
+  nav,
+  navButton,
+  chevron,
+  monthGrid,
+  weekday,
+  day,
+  dayButton,
+  today,
+  selected,
+  outside,
+  disabled,
+  focused,
+  rangeStart,
+  rangeEnd,
+  rangeMiddle,
+  preset
+};
+exports.calendar = calendar;
+exports.captionLabel = captionLabel;
+exports.chevron = chevron;
+exports.day = day;
+exports.dayButton = dayButton;
+exports.default = styles;
+exports.disabled = disabled;
+exports.focused = focused;
+exports.monthCaption = monthCaption;
+exports.monthGrid = monthGrid;
+exports.months = months;
+exports.nav = nav;
+exports.navButton = navButton;
+exports.outside = outside;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.preset = preset;
+exports.rangeEnd = rangeEnd;
+exports.rangeMiddle = rangeMiddle;
+exports.rangeStart = rangeStart;
+exports.selected = selected;
+exports.today = today;
+exports.trigger = trigger;
+exports.triggerIcon = triggerIcon;
+exports.triggerPlaceholder = triggerPlaceholder;
+exports.triggerValue = triggerValue;
+exports.weekday = weekday;
+//# sourceMappingURL=DatePicker.module.scss.cjs.map

package/dist/components/DatePicker/DatePicker.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DatePicker/DatePicker.module.scss.js

@@ -0,0 +1,84 @@
+const trigger = "_trigger_9zm21_1";
+const triggerIcon = "_triggerIcon_9zm21_55";
+const triggerValue = "_triggerValue_9zm21_66";
+const triggerPlaceholder = "_triggerPlaceholder_9zm21_74";
+const positioner = "_positioner_9zm21_83";
+const popup = "_popup_9zm21_88";
+const calendar = "_calendar_9zm21_108";
+const months = "_months_9zm21_117";
+const monthCaption = "_monthCaption_9zm21_122";
+const captionLabel = "_captionLabel_9zm21_129";
+const nav = "_nav_9zm21_135";
+const navButton = "_navButton_9zm21_146";
+const chevron = "_chevron_9zm21_188";
+const monthGrid = "_monthGrid_9zm21_192";
+const weekday = "_weekday_9zm21_197";
+const day = "_day_9zm21_214";
+const dayButton = "_dayButton_9zm21_223";
+const today = "_today_9zm21_255";
+const selected = "_selected_9zm21_259";
+const outside = "_outside_9zm21_267";
+const disabled = "_disabled_9zm21_272";
+const focused = "_focused_9zm21_278";
+const rangeStart = "_rangeStart_9zm21_283";
+const rangeEnd = "_rangeEnd_9zm21_284";
+const rangeMiddle = "_rangeMiddle_9zm21_285";
+const preset = "_preset_9zm21_340";
+const styles = {
+  trigger,
+  triggerIcon,
+  triggerValue,
+  triggerPlaceholder,
+  positioner,
+  popup,
+  calendar,
+  months,
+  monthCaption,
+  captionLabel,
+  nav,
+  navButton,
+  chevron,
+  monthGrid,
+  weekday,
+  day,
+  dayButton,
+  today,
+  selected,
+  outside,
+  disabled,
+  focused,
+  rangeStart,
+  rangeEnd,
+  rangeMiddle,
+  preset
+};
+export {
+  calendar,
+  captionLabel,
+  chevron,
+  day,
+  dayButton,
+  styles as default,
+  disabled,
+  focused,
+  monthCaption,
+  monthGrid,
+  months,
+  nav,
+  navButton,
+  outside,
+  popup,
+  positioner,
+  preset,
+  rangeEnd,
+  rangeMiddle,
+  rangeStart,
+  selected,
+  today,
+  trigger,
+  triggerIcon,
+  triggerPlaceholder,
+  triggerValue,
+  weekday
+};
+//# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/components/DatePicker/DatePicker.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import '../../styles/globals.scss';
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+export type Matcher = Date | DateRange | ((date: Date) => boolean) | Date[];
+type Locale = {
+    [key: string]: unknown;
+};
+export interface DatePickerProps {
+    children: React.ReactNode;
+    /** Selection mode */
+    mode?: 'single' | 'range';
+    /** Controlled date (single mode) */
+    selected?: Date | null;
+    /** Controlled range (range mode) */
+    selectedRange?: DateRange | null;
+    /** Single selection callback */
+    onSelect?: (date: Date | null) => void;
+    /** Range selection callback */
+    onRangeSelect?: (range: DateRange | null) => void;
+    /** Number of months displayed side-by-side */
+    numberOfMonths?: number;
+    /** Disable the picker */
+    disabled?: boolean;
+    /** react-day-picker Matcher for disabled dates */
+    disabledDates?: Matcher | Matcher[];
+    /** Trigger placeholder text */
+    placeholder?: string;
+    /** date-fns locale for i18n */
+    locale?: Locale;
+    /** Always show 6 rows */
+    fixedWeeks?: boolean;
+    /** Custom trigger date formatter */
+    formatDate?: (date: Date) => string;
+    /** Custom trigger range formatter */
+    formatRange?: (range: DateRange) => string;
+    /** Controlled popover open state */
+    open?: boolean;
+    /** Popover open state change callback */
+    onOpenChange?: (open: boolean) => void;
+    /** Hidden input name for forms */
+    name?: string;
+}
+export interface DatePickerTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+    placeholder?: string;
+}
+export interface DatePickerContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+}
+export interface DatePickerCalendarProps {
+    /** Override number of months from root */
+    numberOfMonths?: number;
+    className?: string;
+}
+export interface DatePickerPresetProps {
+    children: React.ReactNode;
+    /** Date to select (single mode) */
+    date?: Date;
+    /** Range to select (range mode) */
+    range?: DateRange;
+    className?: string;
+}
+declare function DatePickerRoot({ children, mode, selected: selectedProp, selectedRange: selectedRangeProp, onSelect, onRangeSelect, numberOfMonths, disabled, disabledDates, placeholder, locale, fixedWeeks, formatDate: formatDateProp, formatRange: formatRangeProp, open: openProp, onOpenChange, name, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerTrigger({ children, placeholder, className, ...htmlProps }: DatePickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerContent({ children, className, sideOffset, align, ...htmlProps }: DatePickerContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerCalendar({ numberOfMonths: numberOfMonthsProp, className }: DatePickerCalendarProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DatePickerPreset({ children, date, range, className }: DatePickerPresetProps): import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: typeof DatePickerRoot & {
+    Trigger: typeof DatePickerTrigger;
+    Content: typeof DatePickerContent;
+    Calendar: typeof DatePickerCalendar;
+    Preset: typeof DatePickerPreset;
+};
+export { DatePickerRoot, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerPreset, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

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

package/dist/components/Dialog/Dialog.module.scss.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const backdrop = "_backdrop_e4a4w_1";
+const positioner = "_positioner_e4a4w_16";
+const popup = "_popup_e4a4w_27";
+const sm = "_sm_e4a4w_60";
+const md = "_md_e4a4w_64";
+const lg = "_lg_e4a4w_68";
+const xl = "_xl_e4a4w_72";
+const full = "_full_e4a4w_76";
+const header = "_header_e4a4w_80";
+const title = "_title_e4a4w_84";
+const description = "_description_e4a4w_92";
+const body = "_body_e4a4w_99";
+const footer = "_footer_e4a4w_103";
+const close = "_close_e4a4w_114";
+const styles = {
+  backdrop,
+  positioner,
+  popup,
+  sm,
+  md,
+  lg,
+  xl,
+  full,
+  header,
+  title,
+  description,
+  body,
+  footer,
+  close
+};
+exports.backdrop = backdrop;
+exports.body = body;
+exports.close = close;
+exports.default = styles;
+exports.description = description;
+exports.footer = footer;
+exports.full = full;
+exports.header = header;
+exports.lg = lg;
+exports.md = md;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.sm = sm;
+exports.title = title;
+exports.xl = xl;
+//# sourceMappingURL=Dialog.module.scss.cjs.map

package/dist/components/Dialog/Dialog.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Dialog/Dialog.module.scss.js

@@ -0,0 +1,48 @@
+const backdrop = "_backdrop_e4a4w_1";
+const positioner = "_positioner_e4a4w_16";
+const popup = "_popup_e4a4w_27";
+const sm = "_sm_e4a4w_60";
+const md = "_md_e4a4w_64";
+const lg = "_lg_e4a4w_68";
+const xl = "_xl_e4a4w_72";
+const full = "_full_e4a4w_76";
+const header = "_header_e4a4w_80";
+const title = "_title_e4a4w_84";
+const description = "_description_e4a4w_92";
+const body = "_body_e4a4w_99";
+const footer = "_footer_e4a4w_103";
+const close = "_close_e4a4w_114";
+const styles = {
+  backdrop,
+  positioner,
+  popup,
+  sm,
+  md,
+  lg,
+  xl,
+  full,
+  header,
+  title,
+  description,
+  body,
+  footer,
+  close
+};
+export {
+  backdrop,
+  body,
+  close,
+  styles as default,
+  description,
+  footer,
+  full,
+  header,
+  lg,
+  md,
+  popup,
+  positioner,
+  sm,
+  title,
+  xl
+};
+//# sourceMappingURL=Dialog.module.scss.js.map

package/dist/components/Dialog/Dialog.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}