@cossistant/react 0.0.1

package/identify-visitor.js

@@ -0,0 +1,26 @@
+import { useVisitor } from "./hooks/use-visitor.js";
+import { useEffect } from "react";
+
+//#region src/identify-visitor.tsx
+/**
+* Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`.
+*/
+const IdentifySupportVisitor = ({ externalId, email }) => {
+	const { visitor, identify } = useVisitor();
+	useEffect(() => {
+		if (!visitor?.contact && (externalId || email)) identify({
+			externalId,
+			email
+		});
+	}, [
+		visitor?.contact,
+		externalId,
+		email
+	]);
+	return null;
+};
+IdentifySupportVisitor.displayName = "IdentifySupportVisitor";
+
+//#endregion
+export { IdentifySupportVisitor };
+//# sourceMappingURL=identify-visitor.js.map

package/identify-visitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identify-visitor.js","names":[],"sources":["../src/identify-visitor.tsx"],"sourcesContent":["/** biome-ignore-all lint/correctness/useExhaustiveDependencies: wanted here */\nimport { useEffect } from \"react\";\nimport { useVisitor } from \"./hooks\";\n\nexport type IdentifySupportVisitorProps = {\n\texternalId?: string;\n\temail?: string;\n};\n\n/**\n * Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`.\n */\nexport const IdentifySupportVisitor = ({\n\texternalId,\n\temail,\n}: IdentifySupportVisitorProps) => {\n\tconst { visitor, identify } = useVisitor();\n\n\t// Only update when the arrays actually change content\n\tuseEffect(() => {\n\t\tif (!visitor?.contact && (externalId || email)) {\n\t\t\tidentify({ externalId, email });\n\t\t}\n\t}, [visitor?.contact, externalId, email]);\n\n\treturn null;\n};\n\nIdentifySupportVisitor.displayName = \"IdentifySupportVisitor\";\n"],"mappings":";;;;;;;AAYA,MAAa,0BAA0B,EACtC,YACA,YACkC;CAClC,MAAM,EAAE,SAAS,aAAa,YAAY;AAG1C,iBAAgB;AACf,MAAI,CAAC,SAAS,YAAY,cAAc,OACvC,UAAS;GAAE;GAAY;GAAO,CAAC;IAE9B;EAAC,SAAS;EAAS;EAAY;EAAM,CAAC;AAEzC,QAAO;;AAGR,uBAAuB,cAAc"}

package/index.d.ts

@@ -0,0 +1,38 @@
+import { useClientQuery } from "./hooks/private/use-client-query.js";
+import { useDefaultMessages } from "./hooks/private/use-default-messages.js";
+import { ConversationItem, GroupedMessage, TimelineEventItem, UseGroupedMessagesOptions, UseGroupedMessagesProps, useGroupedMessages } from "./hooks/private/use-grouped-messages.js";
+import { UseMultimodalInputOptions, UseMultimodalInputReturn, useMultimodalInput } from "./hooks/private/use-multimodal-input.js";
+import { UseClientResult, useClient } from "./hooks/private/use-rest-client.js";
+import { UseComposerRefocusOptions, UseComposerRefocusReturn, useComposerRefocus } from "./hooks/use-composer-refocus.js";
+import { UseConversationOptions, UseConversationResult, useConversation } from "./hooks/use-conversation.js";
+import { CONVERSATION_AUTO_SEEN_DELAY_MS, UseConversationAutoSeenOptions, useConversationAutoSeen } from "./hooks/use-conversation-auto-seen.js";
+import { UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, useConversationHistoryPage } from "./hooks/use-conversation-history-page.js";
+import { ConversationLifecycleState, UseConversationLifecycleOptions, UseConversationLifecycleReturn, useConversationLifecycle } from "./hooks/use-conversation-lifecycle.js";
+import { UseConversationPageOptions, UseConversationPageReturn, useConversationPage } from "./hooks/use-conversation-page.js";
+import { useConversationSeen, useDebouncedConversationSeen } from "./hooks/use-conversation-seen.js";
+import { UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, useConversationTimelineItems } from "./hooks/use-conversation-timeline-items.js";
+import { ConversationTypingParticipant, useConversationTyping } from "./hooks/use-conversation-typing.js";
+import { UseConversationsOptions, UseConversationsResult, useConversations } from "./hooks/use-conversations.js";
+import { CreateConversationVariables, UseCreateConversationOptions, UseCreateConversationResult, useCreateConversation } from "./hooks/use-create-conversation.js";
+import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "./hooks/use-home-page.js";
+import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "./hooks/use-message-composer.js";
+import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "./hooks/use-realtime-support.js";
+import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "./hooks/use-send-message.js";
+import { UseVisitorReturn, useVisitor } from "./hooks/use-visitor.js";
+import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "./hooks/use-window-visibility-focus.js";
+import { IdentifySupportVisitor, IdentifySupportVisitorProps } from "./identify-visitor.js";
+import { SupportConfig, SupportConfigProps } from "./support-config.js";
+import { index_d_exports } from "./primitives/index.js";
+import { CossistantContextValue, CossistantProviderProps, SupportProvider, SupportProviderProps, useSupport } from "./provider.js";
+import { RealtimeAuthConfig, RealtimeContextValue, RealtimeProvider, RealtimeProviderProps, useRealtimeConnection } from "./realtime/provider.js";
+import { applyConversationSeenEvent, hydrateConversationSeen, upsertConversationSeen } from "./realtime/seen-store.js";
+import { SupportRealtimeProvider } from "./realtime/support-provider.js";
+import { applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, setTypingState } from "./realtime/typing-store.js";
+import { RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, useRealtime } from "./realtime/use-realtime.js";
+import { SupportLocale, SupportTextContentOverrides } from "./support/text/locales/keys.js";
+import { Text, useSupportText } from "./support/text/index.js";
+import { useSupportConfig } from "./support/context/config.js";
+import { WebSocketContextValue, WebSocketProvider, useWebSocket } from "./support/context/websocket.js";
+import { useSupportStore } from "./support/store/support-store.js";
+import { Support, SupportProps } from "./support/index.js";
+export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, index_d_exports as Primitives, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportLocale, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, SupportTextContentOverrides, Text, TimelineEventItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseSendMessageOptions, UseSendMessageResult, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, hydrateConversationSeen, setTypingState, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationSeen, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useSendMessage, useSupport, useSupportConfig, useSupportStore, useSupportText, useVisitor, useWebSocket, useWindowVisibilityFocus };

package/index.js

@@ -0,0 +1,38 @@
+import { useClientQuery } from "./hooks/private/use-client-query.js";
+import { useClient } from "./hooks/private/use-rest-client.js";
+import { RealtimeProvider, useRealtimeConnection } from "./realtime/provider.js";
+import { applyConversationSeenEvent, hydrateConversationSeen, upsertConversationSeen } from "./realtime/seen-store.js";
+import { applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, setTypingState } from "./realtime/typing-store.js";
+import { useRealtime } from "./realtime/use-realtime.js";
+import { SupportRealtimeProvider } from "./realtime/support-provider.js";
+import { SupportConfig } from "./support-config.js";
+import { useSupportStore } from "./support/store/support-store.js";
+import { useSupportConfig } from "./support/context/config.js";
+import { primitives_exports } from "./primitives/index.js";
+import { Text, useSupportText } from "./support/text/index.js";
+import { useWindowVisibilityFocus } from "./hooks/use-window-visibility-focus.js";
+import { CONVERSATION_AUTO_SEEN_DELAY_MS, useConversationAutoSeen } from "./hooks/use-conversation-auto-seen.js";
+import { useConversationLifecycle } from "./hooks/use-conversation-lifecycle.js";
+import { useConversationTimelineItems } from "./hooks/use-conversation-timeline-items.js";
+import { useMultimodalInput } from "./hooks/private/use-multimodal-input.js";
+import { useSendMessage } from "./hooks/use-send-message.js";
+import { useMessageComposer } from "./hooks/use-message-composer.js";
+import { useConversationPage } from "./hooks/use-conversation-page.js";
+import { useGroupedMessages } from "./hooks/private/use-grouped-messages.js";
+import { useComposerRefocus } from "./hooks/use-composer-refocus.js";
+import { useConversations } from "./hooks/use-conversations.js";
+import { useConversationHistoryPage } from "./hooks/use-conversation-history-page.js";
+import { useHomePage } from "./hooks/use-home-page.js";
+import { WebSocketProvider, useWebSocket } from "./support/context/websocket.js";
+import { Support } from "./support/index.js";
+import { SupportProvider, useSupport } from "./provider.js";
+import { useDefaultMessages } from "./hooks/private/use-default-messages.js";
+import { useConversation } from "./hooks/use-conversation.js";
+import { useConversationSeen, useDebouncedConversationSeen } from "./hooks/use-conversation-seen.js";
+import { useConversationTyping } from "./hooks/use-conversation-typing.js";
+import { useCreateConversation } from "./hooks/use-create-conversation.js";
+import { useRealtimeSupport } from "./hooks/use-realtime-support.js";
+import { useVisitor } from "./hooks/use-visitor.js";
+import { IdentifySupportVisitor } from "./identify-visitor.js";
+
+export { CONVERSATION_AUTO_SEEN_DELAY_MS, IdentifySupportVisitor, primitives_exports as Primitives, RealtimeProvider, Support, SupportConfig, SupportProvider, SupportRealtimeProvider, Text, WebSocketProvider, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, hydrateConversationSeen, setTypingState, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationSeen, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useSendMessage, useSupport, useSupportConfig, useSupportStore, useSupportText, useVisitor, useWebSocket, useWindowVisibilityFocus };

package/package.json

@@ -0,0 +1,121 @@
+{
+  "name": "@cossistant/react",
+  "version": "0.0.1",
+  "private": false,
+  "author": "Cossistant team",
+  "description": "Headless React SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.",
+  "keywords": [
+    "react",
+    "headless",
+    "headless-ui",
+    "support",
+    "customer support",
+    "helpdesk",
+    "support widget",
+    "chat widget",
+    "live chat",
+    "ai",
+    "ai support",
+    "ai-agent",
+    "support agent",
+    "typescript",
+    "nextjs",
+    "tailwind",
+    "shadcn",
+    "accessibility"
+  ],
+  "bugs": {
+    "url": "https://github.com/cossistantcom/cossistant/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cossistantcom/cossistant.git",
+    "directory": "packages/react"
+  },
+  "license": "MIT",
+  "homepage": "https://cossistant.com",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./primitives": {
+      "types": "./primitives/index.d.ts",
+      "import": "./primitives/index.js"
+    },
+    "./primitives/*": {
+      "types": "./primitives/*.d.ts",
+      "import": "./primitives/*.js"
+    },
+    "./support": {
+      "types": "./support/index.d.ts",
+      "import": "./support/index.js"
+    },
+    "./hooks": {
+      "types": "./hooks/index.d.ts",
+      "import": "./hooks/index.js"
+    },
+    "./hooks/*": {
+      "types": "./hooks/*d.ts",
+      "import": "./hooks/*js"
+    },
+    "./support.css": "./support/support.css",
+    "./realtime": {
+      "types": "./realtime/index.d.ts",
+      "import": "./realtime/index.js"
+    },
+    "./utils": {
+      "types": "./utils/index.d.ts",
+      "import": "./utils/index.js"
+    },
+    "./utils/*": {
+      "types": "./utils/*.d.ts",
+      "import": "./utils/*.js"
+    }
+  },
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "@cossistant/core": "workspace:*",
+    "@cossistant/types": "workspace:*",
+    "nanoid": "^5.1.5",
+    "react-markdown": "^10.1.0",
+    "react-use-websocket": "^4.13.0",
+    "tailwind-merge": "^3.3.1",
+    "ulid": "^3.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20",
+    "@types/react": "^18 || ^19",
+    "motion": "^12.18.1",
+    "tailwindcss": "*"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/primitives/avatar/avatar.d.ts

@@ -0,0 +1,31 @@
+import * as React$1 from "react";
+
+//#region src/primitives/avatar/avatar.d.ts
+type AvatarState = {
+  imageLoadingStatus: "idle" | "loading" | "loaded" | "error";
+};
+type AvatarProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, "children"> & {
+  children?: React$1.ReactNode;
+  asChild?: boolean;
+  className?: string;
+};
+interface AvatarContextValue extends AvatarState {
+  onImageLoadingStatusChange: (status: AvatarState["imageLoadingStatus"]) => void;
+}
+/**
+ * Consumer hook for the `Avatar` compound components. Throws when components are
+ * rendered outside of the `Avatar` tree to surface integration errors early.
+ */
+declare const useAvatarContext: () => AvatarContextValue;
+/**
+ * Root avatar wrapper that coordinates image loading state with fallback
+ * children so consumers can compose initials, images and status rings.
+ */
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLSpanElement>, "children"> & {
+  children?: React$1.ReactNode;
+  asChild?: boolean;
+  className?: string;
+} & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Avatar, AvatarContextValue, AvatarProps, useAvatarContext };
+//# sourceMappingURL=avatar.d.ts.map

package/primitives/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/primitives/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;KAGK,WAAA;;AAH0B,CAAA;AAOnB,KAAA,WAAA,GAAc,IAAH,CACtB,OAAA,CAAM,cADgB,CACD,eADC,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EAIX,OAAA,CAAM,SAJK;SACD,CAAA,EAAA,OAAA;WAArB,CAAA,EAAM,MAAA;;AAGK,UAKK,kBAAA,SAA2B,WAL1B,CAAA;EAAS,0BAAA,EAAA,CAAA,MAAA,EAOjB,WAPiB,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA;AAK3B;;;;;AAYa,cAAA,gBAAgB,EAAA,GAAA,GAAA,kBAQ5B;AAMD;;;;AAAmB,cAAN,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,eAAA,CAAA,EAAA,UAAA,CAAA,GAAA;UA/BP,CAAA,EAAA,OAAA,CAAM,SAAA;;;yBA+BC,gBAAA,CAAA,CAAA"}

package/primitives/avatar/avatar.js

@@ -0,0 +1,49 @@
+import { useRenderElement } from "../../utils/use-render-element.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/primitives/avatar/avatar.tsx
+const AvatarContext = React$1.createContext(null);
+/**
+* Consumer hook for the `Avatar` compound components. Throws when components are
+* rendered outside of the `Avatar` tree to surface integration errors early.
+*/
+const useAvatarContext = () => {
+	const context = React$1.useContext(AvatarContext);
+	if (!context) throw new Error("Avatar compound components cannot be rendered outside the Avatar component");
+	return context;
+};
+/**
+* Root avatar wrapper that coordinates image loading state with fallback
+* children so consumers can compose initials, images and status rings.
+*/
+const Avatar = (() => {
+	const Component = React$1.forwardRef(({ children, className, asChild = false,...props }, ref) => {
+		const [imageLoadingStatus, setImageLoadingStatus] = React$1.useState("idle");
+		const contextValue = React$1.useMemo(() => ({
+			imageLoadingStatus,
+			onImageLoadingStatusChange: setImageLoadingStatus
+		}), [imageLoadingStatus]);
+		const state = { imageLoadingStatus };
+		return /* @__PURE__ */ jsx(AvatarContext.Provider, {
+			value: contextValue,
+			children: useRenderElement("div", {
+				asChild,
+				className
+			}, {
+				ref,
+				state,
+				props: {
+					...props,
+					children
+				}
+			})
+		});
+	});
+	Component.displayName = "Avatar";
+	return Component;
+})();
+
+//#endregion
+export { Avatar, useAvatarContext };
+//# sourceMappingURL=avatar.js.map

package/primitives/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["React","contextValue: AvatarContextValue","state: AvatarState"],"sources":["../../../src/primitives/avatar/avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useRenderElement } from \"../../utils/use-render-element\";\n\ntype AvatarState = {\n\timageLoadingStatus: \"idle\" | \"loading\" | \"loaded\" | \"error\";\n};\n\nexport type AvatarProps = Omit<\n\tReact.HTMLAttributes<HTMLSpanElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\nexport interface AvatarContextValue extends AvatarState {\n\tonImageLoadingStatusChange: (\n\t\tstatus: AvatarState[\"imageLoadingStatus\"]\n\t) => void;\n}\n\nconst AvatarContext = React.createContext<AvatarContextValue | null>(null);\n\n/**\n * Consumer hook for the `Avatar` compound components. Throws when components are\n * rendered outside of the `Avatar` tree to surface integration errors early.\n */\nexport const useAvatarContext = () => {\n\tconst context = React.useContext(AvatarContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t\"Avatar compound components cannot be rendered outside the Avatar component\"\n\t\t);\n\t}\n\treturn context;\n};\n\n/**\n * Root avatar wrapper that coordinates image loading state with fallback\n * children so consumers can compose initials, images and status rings.\n */\nexport const Avatar = (() => {\n\tconst Component = React.forwardRef<HTMLSpanElement, AvatarProps>(\n\t\t({ children, className, asChild = false, ...props }, ref) => {\n\t\t\tconst [imageLoadingStatus, setImageLoadingStatus] =\n\t\t\t\tReact.useState<AvatarState[\"imageLoadingStatus\"]>(\"idle\");\n\n\t\t\tconst contextValue: AvatarContextValue = React.useMemo(\n\t\t\t\t() => ({\n\t\t\t\t\timageLoadingStatus,\n\t\t\t\t\tonImageLoadingStatusChange: setImageLoadingStatus,\n\t\t\t\t}),\n\t\t\t\t[imageLoadingStatus]\n\t\t\t);\n\n\t\t\tconst state: AvatarState = {\n\t\t\t\timageLoadingStatus,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<AvatarContext.Provider value={contextValue}>\n\t\t\t\t\t{useRenderElement(\n\t\t\t\t\t\t\"div\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tasChild,\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t\tstate,\n\t\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t\tchildren,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t\t</AvatarContext.Provider>\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"Avatar\";\n\treturn Component;\n})();\n"],"mappings":";;;;;AAsBA,MAAM,gBAAgBA,QAAM,cAAyC,KAAK;;;;;AAM1E,MAAa,yBAAyB;CACrC,MAAM,UAAUA,QAAM,WAAW,cAAc;AAC/C,KAAI,CAAC,QACJ,OAAM,IAAI,MACT,6EACA;AAEF,QAAO;;;;;;AAOR,MAAa,gBAAgB;CAC5B,MAAM,YAAYA,QAAM,YACtB,EAAE,UAAU,WAAW,UAAU,MAAO,GAAG,SAAS,QAAQ;EAC5D,MAAM,CAAC,oBAAoB,yBAC1BA,QAAM,SAA4C,OAAO;EAE1D,MAAMC,eAAmCD,QAAM,eACvC;GACN;GACA,4BAA4B;GAC5B,GACD,CAAC,mBAAmB,CACpB;EAED,MAAME,QAAqB,EAC1B,oBACA;AAED,SACC,oBAAC,cAAc;GAAS,OAAO;aAC7B,iBACA,OACA;IACC;IACA;IACA,EACD;IACC;IACA;IACA,OAAO;KACN,GAAG;KACH;KACA;IACD,CACD;IACuB;GAG3B;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/avatar/fallback.d.ts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+
+//#region src/primitives/avatar/fallback.d.ts
+type AvatarFallbackProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, "children"> & {
+  children?: React$1.ReactNode;
+  name?: string;
+  delayMs?: number;
+  asChild?: boolean;
+  className?: string;
+};
+/**
+ * Displays initials or custom content while the avatar image loads or fails.
+ * Optional delay avoids flashes when images load instantly.
+ */
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLSpanElement>, "children"> & {
+  children?: React$1.ReactNode;
+  name?: string;
+  delayMs?: number;
+  asChild?: boolean;
+  className?: string;
+} & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { AvatarFallback, AvatarFallbackProps };
+//# sourceMappingURL=fallback.d.ts.map

package/primitives/avatar/fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallback.d.ts","names":[],"sources":["../../../src/primitives/avatar/fallback.tsx"],"sourcesContent":[],"mappings":";;;KASY,mBAAA,GAAsB,KACjC,OAAA,CAAM,eAAe;aAGV,OAAA,CAAM;EAJN,IAAA,CAAA,EAAA,MAAA;EAAmB,OAAA,CAAA,EAAA,MAAA;SACT,CAAA,EAAA,OAAA;WAArB,CAAA,EAAM,MAAA;;;;AA+BP;;AAA2B,cAAd,cAAc,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,eAAA,CAAA,EAAA,UAAA,CAAA,GAAA;UAAA,CAAA,EA5Bf,OAAA,CAAM,SA4BS;MAAA,CAAA,EAAA,MAAA;SA5Bf,CAAA,EAAA,MAAM;;;yBA4BS,gBAAA,CAAA,CAAA"}

package/primitives/avatar/fallback.js

@@ -0,0 +1,57 @@
+import { useRenderElement } from "../../utils/use-render-element.js";
+import { useAvatarContext } from "./avatar.js";
+import * as React$1 from "react";
+
+//#region src/primitives/avatar/fallback.tsx
+const getInitials = (name) => {
+	const names = name.trim().split(" ");
+	if (names.length === 0) return "";
+	if (names.length === 1) return names[0]?.charAt(0).toUpperCase() || "";
+	const firstInitial = names[0]?.charAt(0) || "";
+	const lastInitial = names[names.length - 1]?.charAt(0) || "";
+	return (firstInitial + lastInitial).toUpperCase();
+};
+/**
+* Displays initials or custom content while the avatar image loads or fails.
+* Optional delay avoids flashes when images load instantly.
+*/
+const AvatarFallback = (() => {
+	const Component = React$1.forwardRef(({ children, name = "", delayMs = 0, className, asChild = false,...props }, ref) => {
+		const { imageLoadingStatus } = useAvatarContext();
+		const [canRender, setCanRender] = React$1.useState(delayMs === 0);
+		React$1.useEffect(() => {
+			if (delayMs > 0) {
+				const timerId = window.setTimeout(() => setCanRender(true), delayMs);
+				return () => window.clearTimeout(timerId);
+			}
+		}, [delayMs]);
+		const initials = React$1.useMemo(() => {
+			if (name) return getInitials(name);
+			return "";
+		}, [name]);
+		const state = {
+			imageLoadingStatus,
+			initials
+		};
+		const shouldRender = canRender && imageLoadingStatus !== "loaded" && imageLoadingStatus !== "loading";
+		const content = children || initials;
+		return useRenderElement("span", {
+			asChild,
+			className
+		}, {
+			ref,
+			state,
+			enabled: shouldRender,
+			props: {
+				...props,
+				children: content
+			}
+		});
+	});
+	Component.displayName = "AvatarFallback";
+	return Component;
+})();
+
+//#endregion
+export { AvatarFallback };
+//# sourceMappingURL=fallback.js.map

package/primitives/avatar/fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallback.js","names":["React","state: FallbackState"],"sources":["../../../src/primitives/avatar/fallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useRenderElement } from \"../../utils/use-render-element\";\nimport { useAvatarContext } from \"./avatar\";\n\ntype FallbackState = {\n\timageLoadingStatus: \"idle\" | \"loading\" | \"loaded\" | \"error\";\n\tinitials?: string;\n};\n\nexport type AvatarFallbackProps = Omit<\n\tReact.HTMLAttributes<HTMLSpanElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tname?: string;\n\tdelayMs?: number;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\nconst getInitials = (name: string): string => {\n\tconst names = name.trim().split(\" \");\n\tif (names.length === 0) {\n\t\treturn \"\";\n\t}\n\n\tif (names.length === 1) {\n\t\treturn names[0]?.charAt(0).toUpperCase() || \"\";\n\t}\n\n\tconst firstInitial = names[0]?.charAt(0) || \"\";\n\t// biome-ignore lint/style/useAtIndex: ok here\n\tconst lastInitial = names[names.length - 1]?.charAt(0) || \"\";\n\n\treturn (firstInitial + lastInitial).toUpperCase();\n};\n\n/**\n * Displays initials or custom content while the avatar image loads or fails.\n * Optional delay avoids flashes when images load instantly.\n */\nexport const AvatarFallback = (() => {\n\tconst Component = React.forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tname = \"\",\n\t\t\t\tdelayMs = 0,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst { imageLoadingStatus } = useAvatarContext();\n\t\t\tconst [canRender, setCanRender] = React.useState(delayMs === 0);\n\n\t\t\tReact.useEffect(() => {\n\t\t\t\tif (delayMs > 0) {\n\t\t\t\t\tconst timerId = window.setTimeout(() => setCanRender(true), delayMs);\n\t\t\t\t\treturn () => window.clearTimeout(timerId);\n\t\t\t\t}\n\t\t\t}, [delayMs]);\n\n\t\t\tconst initials = React.useMemo(() => {\n\t\t\t\tif (name) {\n\t\t\t\t\treturn getInitials(name);\n\t\t\t\t}\n\t\t\t\treturn \"\";\n\t\t\t}, [name]);\n\n\t\t\tconst state: FallbackState = {\n\t\t\t\timageLoadingStatus,\n\t\t\t\tinitials,\n\t\t\t};\n\n\t\t\tconst shouldRender =\n\t\t\t\tcanRender &&\n\t\t\t\timageLoadingStatus !== \"loaded\" &&\n\t\t\t\timageLoadingStatus !== \"loading\";\n\n\t\t\tconst content = children || initials;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"span\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tstate,\n\t\t\t\t\tenabled: shouldRender,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"AvatarFallback\";\n\treturn Component;\n})();\n"],"mappings":";;;;;AAoBA,MAAM,eAAe,SAAyB;CAC7C,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,IAAI;AACpC,KAAI,MAAM,WAAW,EACpB,QAAO;AAGR,KAAI,MAAM,WAAW,EACpB,QAAO,MAAM,IAAI,OAAO,EAAE,CAAC,aAAa,IAAI;CAG7C,MAAM,eAAe,MAAM,IAAI,OAAO,EAAE,IAAI;CAE5C,MAAM,cAAc,MAAM,MAAM,SAAS,IAAI,OAAO,EAAE,IAAI;AAE1D,SAAQ,eAAe,aAAa,aAAa;;;;;;AAOlD,MAAa,wBAAwB;CACpC,MAAM,YAAYA,QAAM,YAEtB,EACC,UACA,OAAO,IACP,UAAU,GACV,WACA,UAAU,MACV,GAAG,SAEJ,QACI;EACJ,MAAM,EAAE,uBAAuB,kBAAkB;EACjD,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,YAAY,EAAE;AAE/D,UAAM,gBAAgB;AACrB,OAAI,UAAU,GAAG;IAChB,MAAM,UAAU,OAAO,iBAAiB,aAAa,KAAK,EAAE,QAAQ;AACpE,iBAAa,OAAO,aAAa,QAAQ;;KAExC,CAAC,QAAQ,CAAC;EAEb,MAAM,WAAWA,QAAM,cAAc;AACpC,OAAI,KACH,QAAO,YAAY,KAAK;AAEzB,UAAO;KACL,CAAC,KAAK,CAAC;EAEV,MAAMC,QAAuB;GAC5B;GACA;GACA;EAED,MAAM,eACL,aACA,uBAAuB,YACvB,uBAAuB;EAExB,MAAM,UAAU,YAAY;AAE5B,SAAO,iBACN,QACA;GACC;GACA;GACA,EACD;GACC;GACA;GACA,SAAS;GACT,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/avatar/image.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+
+//#region src/primitives/avatar/image.d.ts
+type ImageState = {
+  imageLoadingStatus: "idle" | "loading" | "loaded" | "error";
+};
+type AvatarImageProps = Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
+  src: string;
+  alt?: string;
+  asChild?: boolean;
+  className?: string;
+  onLoadingStatusChange?: (status: ImageState["imageLoadingStatus"]) => void;
+};
+/**
+ * Controlled `<img>` that syncs its loading status back to the avatar context
+ * so fallbacks know when to display.
+ */
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "alt" | "src"> & {
+  src: string;
+  alt?: string;
+  asChild?: boolean;
+  className?: string;
+  onLoadingStatusChange?: (status: ImageState["imageLoadingStatus"]) => void;
+} & React$1.RefAttributes<HTMLImageElement>>;
+//#endregion
+export { AvatarImage, AvatarImageProps };
+//# sourceMappingURL=image.d.ts.map

package/primitives/avatar/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","names":[],"sources":["../../../src/primitives/avatar/image.tsx"],"sourcesContent":[],"mappings":";;;KAIK,UAAA;;AAJ0B,CAAA;AAQnB,KAAA,gBAAA,GAAmB,IAAH,CAC3B,OAAA,CAAM,iBADqB,CACH,gBADG,CAAA,EAAA,KAAA,GAAA,KAAA,CAAA,GAAA;EAAA,GAAA,EAAA,MAAA;KACH,CAAA,EAAA,MAAA;SAAxB,CAAA,EAAA,OAAM;WADwB,CAAA,EAAA,MAAA;uBAQG,CAAA,EAAA,CAAA,MAAA,EAAA,UAAA,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA;CAAU;AAO5C;;;;AAAwB,cAAX,WAAW,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,EAAA,KAAA,GAAA,KAAA,CAAA,GAAA;KAPU,EAAA,MAAA;;;WAOV,CAAA,EAAA,MAAA;EAAA,qBAAA,CAAA,EAAA,CAAA,MAAA,EAPU,UAOV,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA"}

package/primitives/avatar/image.js

@@ -0,0 +1,58 @@
+import { useRenderElement } from "../../utils/use-render-element.js";
+import { useAvatarContext } from "./avatar.js";
+import * as React$1 from "react";
+
+//#region src/primitives/avatar/image.tsx
+/**
+* Controlled `<img>` that syncs its loading status back to the avatar context
+* so fallbacks know when to display.
+*/
+const AvatarImage = (() => {
+	const Component = React$1.forwardRef(({ src, alt = "", className, asChild = false, onLoadingStatusChange,...props }, ref) => {
+		const { imageLoadingStatus, onImageLoadingStatusChange } = useAvatarContext();
+		const imageRef = React$1.useRef(null);
+		React$1.useImperativeHandle(ref, () => imageRef.current);
+		const updateImageLoadingStatus = React$1.useCallback((status) => {
+			onImageLoadingStatusChange(status);
+			onLoadingStatusChange?.(status);
+		}, [onImageLoadingStatusChange, onLoadingStatusChange]);
+		React$1.useLayoutEffect(() => {
+			if (!src) {
+				updateImageLoadingStatus("error");
+				return;
+			}
+			let isMounted = true;
+			const image = new Image();
+			const updateStatus = (status) => {
+				if (!isMounted) return;
+				updateImageLoadingStatus(status);
+			};
+			updateStatus("loading");
+			image.onload = () => updateStatus("loaded");
+			image.onerror = () => updateStatus("error");
+			image.src = src;
+			return () => {
+				isMounted = false;
+			};
+		}, [src, updateImageLoadingStatus]);
+		return useRenderElement("img", {
+			asChild,
+			className
+		}, {
+			ref: imageRef,
+			state: { imageLoadingStatus },
+			enabled: imageLoadingStatus === "loaded",
+			props: {
+				...props,
+				src,
+				alt
+			}
+		});
+	});
+	Component.displayName = "AvatarImage";
+	return Component;
+})();
+
+//#endregion
+export { AvatarImage };
+//# sourceMappingURL=image.js.map

package/primitives/avatar/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","names":["React"],"sources":["../../../src/primitives/avatar/image.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useRenderElement } from \"../../utils/use-render-element\";\nimport { useAvatarContext } from \"./avatar\";\n\ntype ImageState = {\n\timageLoadingStatus: \"idle\" | \"loading\" | \"loaded\" | \"error\";\n};\n\nexport type AvatarImageProps = Omit<\n\tReact.ImgHTMLAttributes<HTMLImageElement>,\n\t\"src\" | \"alt\"\n> & {\n\tsrc: string;\n\talt?: string;\n\tasChild?: boolean;\n\tclassName?: string;\n\tonLoadingStatusChange?: (status: ImageState[\"imageLoadingStatus\"]) => void;\n};\n\n/**\n * Controlled `<img>` that syncs its loading status back to the avatar context\n * so fallbacks know when to display.\n */\nexport const AvatarImage = (() => {\n\tconst Component = React.forwardRef<HTMLImageElement, AvatarImageProps>(\n\t\t(\n\t\t\t{\n\t\t\t\tsrc,\n\t\t\t\talt = \"\",\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\tonLoadingStatusChange,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst { imageLoadingStatus, onImageLoadingStatusChange } =\n\t\t\t\tuseAvatarContext();\n\n\t\t\tconst imageRef = React.useRef<HTMLImageElement>(null);\n\t\t\t// biome-ignore lint/style/noNonNullAssertion: ok\n\t\t\tReact.useImperativeHandle(ref, () => imageRef.current!);\n\n\t\t\tconst updateImageLoadingStatus = React.useCallback(\n\t\t\t\t(status: ImageState[\"imageLoadingStatus\"]) => {\n\t\t\t\t\tonImageLoadingStatusChange(status);\n\t\t\t\t\tonLoadingStatusChange?.(status);\n\t\t\t\t},\n\t\t\t\t[onImageLoadingStatusChange, onLoadingStatusChange]\n\t\t\t);\n\n\t\t\tReact.useLayoutEffect(() => {\n\t\t\t\tif (!src) {\n\t\t\t\t\tupdateImageLoadingStatus(\"error\");\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet isMounted = true;\n\t\t\t\tconst image = new Image();\n\n\t\t\t\tconst updateStatus = (status: ImageState[\"imageLoadingStatus\"]) => {\n\t\t\t\t\tif (!isMounted) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tupdateImageLoadingStatus(status);\n\t\t\t\t};\n\n\t\t\t\tupdateStatus(\"loading\");\n\n\t\t\t\timage.onload = () => updateStatus(\"loaded\");\n\t\t\t\timage.onerror = () => updateStatus(\"error\");\n\t\t\t\timage.src = src;\n\n\t\t\t\treturn () => {\n\t\t\t\t\tisMounted = false;\n\t\t\t\t};\n\t\t\t}, [src, updateImageLoadingStatus]);\n\n\t\t\tconst state: ImageState = {\n\t\t\t\timageLoadingStatus,\n\t\t\t};\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"img\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref: imageRef,\n\t\t\t\t\tstate,\n\t\t\t\t\tenabled: imageLoadingStatus === \"loaded\",\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tsrc,\n\t\t\t\t\t\talt,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"AvatarImage\";\n\treturn Component;\n})();\n"],"mappings":";;;;;;;;;AAuBA,MAAa,qBAAqB;CACjC,MAAM,YAAYA,QAAM,YAEtB,EACC,KACA,MAAM,IACN,WACA,UAAU,OACV,sBACA,GAAG,SAEJ,QACI;EACJ,MAAM,EAAE,oBAAoB,+BAC3B,kBAAkB;EAEnB,MAAM,WAAWA,QAAM,OAAyB,KAAK;AAErD,UAAM,oBAAoB,WAAW,SAAS,QAAS;EAEvD,MAAM,2BAA2BA,QAAM,aACrC,WAA6C;AAC7C,8BAA2B,OAAO;AAClC,2BAAwB,OAAO;KAEhC,CAAC,4BAA4B,sBAAsB,CACnD;AAED,UAAM,sBAAsB;AAC3B,OAAI,CAAC,KAAK;AACT,6BAAyB,QAAQ;AACjC;;GAGD,IAAI,YAAY;GAChB,MAAM,QAAQ,IAAI,OAAO;GAEzB,MAAM,gBAAgB,WAA6C;AAClE,QAAI,CAAC,UACJ;AAED,6BAAyB,OAAO;;AAGjC,gBAAa,UAAU;AAEvB,SAAM,eAAe,aAAa,SAAS;AAC3C,SAAM,gBAAgB,aAAa,QAAQ;AAC3C,SAAM,MAAM;AAEZ,gBAAa;AACZ,gBAAY;;KAEX,CAAC,KAAK,yBAAyB,CAAC;AAMnC,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC,KAAK;GACL,OAZwB,EACzB,oBACA;GAWC,SAAS,uBAAuB;GAChC,OAAO;IACN,GAAG;IACH;IACA;IACA;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/avatar/index.d.ts

@@ -0,0 +1,4 @@
+import { Avatar, AvatarProps } from "./avatar.js";
+import { AvatarFallback, AvatarFallbackProps } from "./fallback.js";
+import { AvatarImage, AvatarImageProps } from "./image.js";
+export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps };

package/primitives/avatar/index.js

@@ -0,0 +1,5 @@
+import { Avatar } from "./avatar.js";
+import { AvatarFallback } from "./fallback.js";
+import { AvatarImage } from "./image.js";
+
+export { Avatar, AvatarFallback, AvatarImage };

package/primitives/avatar/index.parts.d.ts

@@ -0,0 +1,4 @@
+import { Avatar, AvatarProps } from "./avatar.js";
+import { AvatarFallback, AvatarFallbackProps } from "./fallback.js";
+import { AvatarImage, AvatarImageProps } from "./image.js";
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/primitives/avatar/index.parts.js

@@ -0,0 +1,5 @@
+import { Avatar } from "./avatar.js";
+import { AvatarFallback } from "./fallback.js";
+import { AvatarImage } from "./image.js";
+
+export { Avatar, AvatarFallback, AvatarImage };

package/primitives/bubble.d.ts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+
+//#region src/primitives/bubble.d.ts
+type SupportBubbleProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  children?: React$1.ReactNode | ((props: {
+    isOpen: boolean;
+    unreadCount: number;
+    toggle: () => void;
+  }) => React$1.ReactNode);
+  asChild?: boolean;
+  className?: string;
+};
+/**
+ * Floating action button that toggles the support window. Exposes widget state
+ * and unread counts to render-prop children for fully custom UI shells.
+ */
+declare const SupportBubble: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  children?: React$1.ReactNode | ((props: {
+    isOpen: boolean;
+    unreadCount: number;
+    toggle: () => void;
+  }) => React$1.ReactNode);
+  asChild?: boolean;
+  className?: string;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { SupportBubble, SupportBubbleProps };
+//# sourceMappingURL=bubble.d.ts.map

package/primitives/bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.d.ts","names":[],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":[],"mappings":";;;KAKY,kBAAA,GAAqB,KAChC,OAAA,CAAM,qBAAqB;aAIxB,OAAA,CAAM;IALE,MAAA,EAAA,OAAA;IAAkB,WAAA,EAAA,MAAA;IACF,MAAA,EAAA,GAAA,GAAA,IAAA;KAA3B,GASS,OAAA,CAAM,SATT,CAAA;SAD0B,CAAA,EAAA,OAAA;WAK7B,CAAA,EAAM,MAAA;;;AAcV;;;AAA0B,cAAb,aAAa,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,EAAA,UAAA,CAAA,GAAA;UAAA,CAAA,EAdtB,OAAA,CAAM,SAcgB,GAAA,CAAA,CAAA,KAAA,EAAA;IAdtB,MAAA,EAAM,OAAA;IAKA,WAAM,EAAA,MAAA;;QAAN,OAAA,CAAM;SASU,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA"}

package/primitives/bubble.js

@@ -0,0 +1,43 @@
+import { useRenderElement } from "../utils/use-render-element.js";
+import { useSupportConfig } from "../support/context/config.js";
+import { useSupport } from "../provider.js";
+import * as React$1 from "react";
+
+//#region src/primitives/bubble.tsx
+/**
+* Floating action button that toggles the support window. Exposes widget state
+* and unread counts to render-prop children for fully custom UI shells.
+*/
+const SupportBubble = (() => {
+	const Component = React$1.forwardRef(({ children, className, asChild = false,...props }, ref) => {
+		const { isOpen, toggle } = useSupportConfig();
+		const { unreadCount } = useSupport();
+		const renderProps = {
+			isOpen,
+			unreadCount,
+			toggle
+		};
+		const content = typeof children === "function" ? children(renderProps) : children;
+		return useRenderElement("button", {
+			asChild,
+			className
+		}, {
+			ref,
+			state: renderProps,
+			props: {
+				type: "button",
+				"aria-haspopup": "dialog",
+				"aria-expanded": isOpen,
+				onClick: toggle,
+				...props,
+				children: content
+			}
+		});
+	});
+	Component.displayName = "SupportBubble";
+	return Component;
+})();
+
+//#endregion
+export { SupportBubble };
+//# sourceMappingURL=bubble.js.map

package/primitives/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","names":["React"],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useSupport } from \"../provider\";\nimport { useSupportConfig } from \"../support\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\nexport type SupportBubbleProps = Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tisOpen: boolean;\n\t\t\t\tunreadCount: number;\n\t\t\t\ttoggle: () => void;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Floating action button that toggles the support window. Exposes widget state\n * and unread counts to render-prop children for fully custom UI shells.\n */\nexport const SupportBubble = (() => {\n\tconst Component = React.forwardRef<HTMLButtonElement, SupportBubbleProps>(\n\t\t({ children, className, asChild = false, ...props }, ref) => {\n\t\t\tconst { isOpen, toggle } = useSupportConfig();\n\t\t\tconst { unreadCount } = useSupport();\n\n\t\t\tconst renderProps = { isOpen, unreadCount, toggle };\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\" ? children(renderProps) : children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"button\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tstate: renderProps,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\ttype: \"button\",\n\t\t\t\t\t\t\"aria-haspopup\": \"dialog\",\n\t\t\t\t\t\t\"aria-expanded\": isOpen,\n\t\t\t\t\t\tonClick: toggle,\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"SupportBubble\";\n\treturn Component;\n})();\n"],"mappings":";;;;;;;;;;AAwBA,MAAa,uBAAuB;CACnC,MAAM,YAAYA,QAAM,YACtB,EAAE,UAAU,WAAW,UAAU,MAAO,GAAG,SAAS,QAAQ;EAC5D,MAAM,EAAE,QAAQ,WAAW,kBAAkB;EAC7C,MAAM,EAAE,gBAAgB,YAAY;EAEpC,MAAM,cAAc;GAAE;GAAQ;GAAa;GAAQ;EAEnD,MAAM,UACL,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG;AAE1D,SAAO,iBACN,UACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;GACP,OAAO;IACN,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}