@fragments-sdk/ui 0.8.9 → 0.9.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Message/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Message.module.scss';\nimport { Markdown } from '../Markdown';\n\n// ============================================\n// Types\n// ============================================\n\nexport type MessageRole = 'user' | 'assistant' | 'system';\nexport type MessageStatus = 'sending' | 'streaming' | 'complete' | 'error';\n\nexport interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Message role determines styling and alignment */\n  role: MessageRole;\n  /** Message content */\n  children: React.ReactNode;\n  /** Message status */\n  status?: MessageStatus;\n  /** When the message was sent */\n  timestamp?: Date;\n  /** Custom avatar override */\n  avatar?: React.ReactNode;\n  /** Hover actions (copy, regenerate) */\n  actions?: React.ReactNode;\n}\n\nexport interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** When true, renders string children as markdown */\n  markdown?: boolean;\n}\n\nexport interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface MessageTimestampProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Date to format */\n  date?: Date;\n  /** Custom format function */\n  format?: (date: Date) => string;\n}\n\nexport interface MessageAvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface MessageContextValue {\n  role: MessageRole;\n  status: MessageStatus;\n  timestamp?: Date;\n}\n\nconst MessageContext = React.createContext<MessageContextValue | null>(null);\n\nfunction useMessageContext() {\n  const context = React.useContext(MessageContext);\n  if (!context) {\n    throw new Error('Message compound components must be used within a Message');\n  }\n  return context;\n}\n\n// ============================================\n// Helper Functions\n// ============================================\n\nfunction formatTimestamp(date: Date): string {\n  const now = new Date();\n  const diff = now.getTime() - date.getTime();\n  const minutes = Math.floor(diff / 60000);\n  const hours = Math.floor(diff / 3600000);\n\n  if (minutes < 1) return 'Just now';\n  if (minutes < 60) return `${minutes}m ago`;\n  if (hours < 24) return `${hours}h ago`;\n\n  return date.toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction UserIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </svg>\n  );\n}\n\nfunction AssistantIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n    </svg>\n  );\n}\n\nfunction SystemIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Sub-components\n// ============================================\n\nfunction MessageContent({ children, markdown, className, ...htmlProps }: MessageContentProps) {\n  const { status } = useMessageContext();\n\n  const classes = [\n    styles.content,\n    status === 'streaming' && styles.streaming,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const content = markdown && typeof children === 'string'\n    ? <Markdown content={children} />\n    : children;\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {content}\n    </div>\n  );\n}\n\nfunction MessageActions({ children, className, ...htmlProps }: MessageActionsProps) {\n  const classes = [styles.actions, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {children}\n    </div>\n  );\n}\n\nfunction MessageTimestamp({\n  date,\n  format: customFormat,\n  className,\n  ...htmlProps\n}: MessageTimestampProps) {\n  const { timestamp } = useMessageContext();\n  const dateToFormat = date ?? timestamp;\n\n  if (!dateToFormat) return null;\n\n  const formatted = customFormat ? customFormat(dateToFormat) : formatTimestamp(dateToFormat);\n\n  const classes = [styles.timestamp, className].filter(Boolean).join(' ');\n\n  return (\n    <span {...htmlProps} className={classes}>\n      {formatted}\n    </span>\n  );\n}\n\nfunction MessageAvatar({ children, className, ...htmlProps }: MessageAvatarProps) {\n  const { role } = useMessageContext();\n\n  const classes = [\n    styles.avatar,\n    styles[`avatar${role.charAt(0).toUpperCase() + role.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const defaultIcon = role === 'user'\n    ? <UserIcon />\n    : role === 'assistant'\n      ? <AssistantIcon />\n      : <SystemIcon />;\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {children ?? defaultIcon}\n    </div>\n  );\n}\n\n// ============================================\n// Main Component\n// ============================================\n\nfunction MessageRoot({\n  role,\n  children,\n  status = 'complete',\n  timestamp,\n  avatar,\n  actions,\n  className,\n  ...htmlProps\n}: MessageProps) {\n  const contextValue: MessageContextValue = {\n    role,\n    status,\n    timestamp,\n  };\n\n  const classes = [\n    styles.message,\n    styles[role],\n    status === 'error' && styles.error,\n    status === 'sending' && styles.sending,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <MessageContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        data-role={role}\n        data-status={status}\n      >\n        {avatar !== undefined ? avatar : <MessageAvatar />}\n        <div className={styles.body}>\n          {children}\n          {actions && <MessageActions>{actions}</MessageActions>}\n        </div>\n      </div>\n    </MessageContext.Provider>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Message = Object.assign(MessageRoot, {\n  Content: MessageContent,\n  Actions: MessageActions,\n  Timestamp: MessageTimestamp,\n  Avatar: MessageAvatar,\n});\n\nexport {\n  MessageRoot,\n  MessageContent,\n  MessageActions,\n  MessageTimestamp,\n  MessageAvatar,\n};\n\nexport { useMessageContext };\n"],"names":["React","jsx","markdown","styles","Markdown","jsxs"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import * as React from 'react';
+export type MessageRole = 'user' | 'assistant' | 'system';
+export type MessageStatus = 'sending' | 'streaming' | 'complete' | 'error';
+export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Message role determines styling and alignment */
+    role: MessageRole;
+    /** Message content */
+    children: React.ReactNode;
+    /** Message status */
+    status?: MessageStatus;
+    /** When the message was sent */
+    timestamp?: Date;
+    /** Custom avatar override */
+    avatar?: React.ReactNode;
+    /** Hover actions (copy, regenerate) */
+    actions?: React.ReactNode;
+}
+export interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** When true, renders string children as markdown */
+    markdown?: boolean;
+}
+export interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface MessageTimestampProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Date to format */
+    date?: Date;
+    /** Custom format function */
+    format?: (date: Date) => string;
+}
+export interface MessageAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+interface MessageContextValue {
+    role: MessageRole;
+    status: MessageStatus;
+    timestamp?: Date;
+}
+declare function useMessageContext(): MessageContextValue;
+declare function MessageContent({ children, markdown, className, ...htmlProps }: MessageContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageActions({ children, className, ...htmlProps }: MessageActionsProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageTimestamp({ date, format: customFormat, className, ...htmlProps }: MessageTimestampProps): import("react/jsx-runtime").JSX.Element | null;
+declare function MessageAvatar({ children, className, ...htmlProps }: MessageAvatarProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageRoot({ role, children, status, timestamp, avatar, actions, className, ...htmlProps }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const Message: typeof MessageRoot & {
+    Content: typeof MessageContent;
+    Actions: typeof MessageActions;
+    Timestamp: typeof MessageTimestamp;
+    Avatar: typeof MessageAvatar;
+};
+export { MessageRoot, MessageContent, MessageActions, MessageTimestamp, MessageAvatar, };
+export { useMessageContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,IAAI,EAAE,WAAW,CAAC;IAClB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAClF,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAID,iBAAS,iBAAiB,wBAMzB;AA6ED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAkB3F;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAQjF;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,kDAevB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAoB/E;AAMD,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,MAAmB,EACnB,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CA+Bd;AAMD,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC;AAEH,OAAO,EACL,WAAW,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GACd,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Message/index.js

@@ -0,0 +1,161 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Message.module.scss.js";
+import { Markdown } from "../../markdown.js";
+const MessageContext = React.createContext(null);
+function useMessageContext() {
+  const context = React.useContext(MessageContext);
+  if (!context) {
+    throw new Error("Message compound components must be used within a Message");
+  }
+  return context;
+}
+function formatTimestamp(date) {
+  const now = /* @__PURE__ */ new Date();
+  const diff = now.getTime() - date.getTime();
+  const minutes = Math.floor(diff / 6e4);
+  const hours = Math.floor(diff / 36e5);
+  if (minutes < 1) return "Just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  if (hours < 24) return `${hours}h ago`;
+  return date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function UserIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+    }
+  );
+}
+function AssistantIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+    }
+  );
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })
+    }
+  );
+}
+function MessageContent({ children, markdown, className, ...htmlProps }) {
+  const { status } = useMessageContext();
+  const classes = [
+    styles.content,
+    status === "streaming" && styles.streaming,
+    className
+  ].filter(Boolean).join(" ");
+  const content = markdown && typeof children === "string" ? /* @__PURE__ */ jsx(Markdown, { content: children }) : children;
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children: content });
+}
+function MessageActions({ children, className, ...htmlProps }) {
+  const classes = [styles.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function MessageTimestamp({
+  date,
+  format: customFormat,
+  className,
+  ...htmlProps
+}) {
+  const { timestamp } = useMessageContext();
+  const dateToFormat = date ?? timestamp;
+  if (!dateToFormat) return null;
+  const formatted = customFormat ? customFormat(dateToFormat) : formatTimestamp(dateToFormat);
+  const classes = [styles.timestamp, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("span", { ...htmlProps, className: classes, children: formatted });
+}
+function MessageAvatar({ children, className, ...htmlProps }) {
+  const { role } = useMessageContext();
+  const classes = [
+    styles.avatar,
+    styles[`avatar${role.charAt(0).toUpperCase() + role.slice(1)}`],
+    className
+  ].filter(Boolean).join(" ");
+  const defaultIcon = role === "user" ? /* @__PURE__ */ jsx(UserIcon, {}) : role === "assistant" ? /* @__PURE__ */ jsx(AssistantIcon, {}) : /* @__PURE__ */ jsx(SystemIcon, {});
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children: children ?? defaultIcon });
+}
+function MessageRoot({
+  role,
+  children,
+  status = "complete",
+  timestamp,
+  avatar,
+  actions,
+  className,
+  ...htmlProps
+}) {
+  const contextValue = {
+    role,
+    status,
+    timestamp
+  };
+  const classes = [
+    styles.message,
+    styles[role],
+    status === "error" && styles.error,
+    status === "sending" && styles.sending,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(MessageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlProps,
+      className: classes,
+      "data-role": role,
+      "data-status": status,
+      children: [
+        avatar !== void 0 ? avatar : /* @__PURE__ */ jsx(MessageAvatar, {}),
+        /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
+          children,
+          actions && /* @__PURE__ */ jsx(MessageActions, { children: actions })
+        ] })
+      ]
+    }
+  ) });
+}
+const Message = Object.assign(MessageRoot, {
+  Content: MessageContent,
+  Actions: MessageActions,
+  Timestamp: MessageTimestamp,
+  Avatar: MessageAvatar
+});
+export {
+  Message,
+  MessageActions,
+  MessageAvatar,
+  MessageContent,
+  MessageRoot,
+  MessageTimestamp,
+  useMessageContext
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Message/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Message.module.scss';\nimport { Markdown } from '../Markdown';\n\n// ============================================\n// Types\n// ============================================\n\nexport type MessageRole = 'user' | 'assistant' | 'system';\nexport type MessageStatus = 'sending' | 'streaming' | 'complete' | 'error';\n\nexport interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Message role determines styling and alignment */\n  role: MessageRole;\n  /** Message content */\n  children: React.ReactNode;\n  /** Message status */\n  status?: MessageStatus;\n  /** When the message was sent */\n  timestamp?: Date;\n  /** Custom avatar override */\n  avatar?: React.ReactNode;\n  /** Hover actions (copy, regenerate) */\n  actions?: React.ReactNode;\n}\n\nexport interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** When true, renders string children as markdown */\n  markdown?: boolean;\n}\n\nexport interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface MessageTimestampProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Date to format */\n  date?: Date;\n  /** Custom format function */\n  format?: (date: Date) => string;\n}\n\nexport interface MessageAvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface MessageContextValue {\n  role: MessageRole;\n  status: MessageStatus;\n  timestamp?: Date;\n}\n\nconst MessageContext = React.createContext<MessageContextValue | null>(null);\n\nfunction useMessageContext() {\n  const context = React.useContext(MessageContext);\n  if (!context) {\n    throw new Error('Message compound components must be used within a Message');\n  }\n  return context;\n}\n\n// ============================================\n// Helper Functions\n// ============================================\n\nfunction formatTimestamp(date: Date): string {\n  const now = new Date();\n  const diff = now.getTime() - date.getTime();\n  const minutes = Math.floor(diff / 60000);\n  const hours = Math.floor(diff / 3600000);\n\n  if (minutes < 1) return 'Just now';\n  if (minutes < 60) return `${minutes}m ago`;\n  if (hours < 24) return `${hours}h ago`;\n\n  return date.toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction UserIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </svg>\n  );\n}\n\nfunction AssistantIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n    </svg>\n  );\n}\n\nfunction SystemIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Sub-components\n// ============================================\n\nfunction MessageContent({ children, markdown, className, ...htmlProps }: MessageContentProps) {\n  const { status } = useMessageContext();\n\n  const classes = [\n    styles.content,\n    status === 'streaming' && styles.streaming,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const content = markdown && typeof children === 'string'\n    ? <Markdown content={children} />\n    : children;\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {content}\n    </div>\n  );\n}\n\nfunction MessageActions({ children, className, ...htmlProps }: MessageActionsProps) {\n  const classes = [styles.actions, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {children}\n    </div>\n  );\n}\n\nfunction MessageTimestamp({\n  date,\n  format: customFormat,\n  className,\n  ...htmlProps\n}: MessageTimestampProps) {\n  const { timestamp } = useMessageContext();\n  const dateToFormat = date ?? timestamp;\n\n  if (!dateToFormat) return null;\n\n  const formatted = customFormat ? customFormat(dateToFormat) : formatTimestamp(dateToFormat);\n\n  const classes = [styles.timestamp, className].filter(Boolean).join(' ');\n\n  return (\n    <span {...htmlProps} className={classes}>\n      {formatted}\n    </span>\n  );\n}\n\nfunction MessageAvatar({ children, className, ...htmlProps }: MessageAvatarProps) {\n  const { role } = useMessageContext();\n\n  const classes = [\n    styles.avatar,\n    styles[`avatar${role.charAt(0).toUpperCase() + role.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const defaultIcon = role === 'user'\n    ? <UserIcon />\n    : role === 'assistant'\n      ? <AssistantIcon />\n      : <SystemIcon />;\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {children ?? defaultIcon}\n    </div>\n  );\n}\n\n// ============================================\n// Main Component\n// ============================================\n\nfunction MessageRoot({\n  role,\n  children,\n  status = 'complete',\n  timestamp,\n  avatar,\n  actions,\n  className,\n  ...htmlProps\n}: MessageProps) {\n  const contextValue: MessageContextValue = {\n    role,\n    status,\n    timestamp,\n  };\n\n  const classes = [\n    styles.message,\n    styles[role],\n    status === 'error' && styles.error,\n    status === 'sending' && styles.sending,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <MessageContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        data-role={role}\n        data-status={status}\n      >\n        {avatar !== undefined ? avatar : <MessageAvatar />}\n        <div className={styles.body}>\n          {children}\n          {actions && <MessageActions>{actions}</MessageActions>}\n        </div>\n      </div>\n    </MessageContext.Provider>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Message = Object.assign(MessageRoot, {\n  Content: MessageContent,\n  Actions: MessageActions,\n  Timestamp: MessageTimestamp,\n  Avatar: MessageAvatar,\n});\n\nexport {\n  MessageRoot,\n  MessageContent,\n  MessageActions,\n  MessageTimestamp,\n  MessageAvatar,\n};\n\nexport { useMessageContext };\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_1sabn_1";
+const rootVertical = "_rootVertical_1sabn_7";
+const list = "_list_1sabn_12";
+const listVertical = "_listVertical_1sabn_26";
+const trigger = "_trigger_1sabn_31";
+const triggerChevron = "_triggerChevron_1sabn_83";
+const content = "_content_1sabn_91";
+const link = "_link_1sabn_150";
+const linkActive = "_linkActive_1sabn_176";
+const linkStructured = "_linkStructured_1sabn_186";
+const linkIcon = "_linkIcon_1sabn_198";
+const linkBody = "_linkBody_1sabn_209";
+const linkTitle = "_linkTitle_1sabn_216";
+const linkDescription = "_linkDescription_1sabn_223";
+const linkFeatured = "_linkFeatured_1sabn_229";
+const indicator = "_indicator_1sabn_238";
+const viewport = "_viewport_1sabn_248";
+const hamburger = "_hamburger_1sabn_278";
+const drawerBackdrop = "_drawerBackdrop_1sabn_325";
+const drawer = "_drawer_1sabn_325";
+const drawerHeader = "_drawerHeader_1sabn_359";
+const drawerClose = "_drawerClose_1sabn_368";
+const drawerBody = "_drawerBody_1sabn_406";
+const drawerNav = "_drawerNav_1sabn_412";
+const drawerLink = "_drawerLink_1sabn_417";
+const drawerSectionLabel = "_drawerSectionLabel_1sabn_451";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1sabn_462";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_1sabn_505";
+const styles = {
+  root,
+  rootVertical,
+  list,
+  listVertical,
+  trigger,
+  triggerChevron,
+  content,
+  link,
+  linkActive,
+  linkStructured,
+  linkIcon,
+  linkBody,
+  linkTitle,
+  linkDescription,
+  linkFeatured,
+  indicator,
+  viewport,
+  hamburger,
+  drawerBackdrop,
+  drawer,
+  drawerHeader,
+  drawerClose,
+  drawerBody,
+  drawerNav,
+  drawerLink,
+  drawerSectionLabel,
+  drawerCollapsibleTrigger,
+  drawerCollapsibleContent
+};
+exports.content = content;
+exports.default = styles;
+exports.drawer = drawer;
+exports.drawerBackdrop = drawerBackdrop;
+exports.drawerBody = drawerBody;
+exports.drawerClose = drawerClose;
+exports.drawerCollapsibleContent = drawerCollapsibleContent;
+exports.drawerCollapsibleTrigger = drawerCollapsibleTrigger;
+exports.drawerHeader = drawerHeader;
+exports.drawerLink = drawerLink;
+exports.drawerNav = drawerNav;
+exports.drawerSectionLabel = drawerSectionLabel;
+exports.hamburger = hamburger;
+exports.indicator = indicator;
+exports.link = link;
+exports.linkActive = linkActive;
+exports.linkBody = linkBody;
+exports.linkDescription = linkDescription;
+exports.linkFeatured = linkFeatured;
+exports.linkIcon = linkIcon;
+exports.linkStructured = linkStructured;
+exports.linkTitle = linkTitle;
+exports.list = list;
+exports.listVertical = listVertical;
+exports.root = root;
+exports.rootVertical = rootVertical;
+exports.trigger = trigger;
+exports.triggerChevron = triggerChevron;
+exports.viewport = viewport;
+//# sourceMappingURL=NavigationMenu.module.scss.cjs.map

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

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

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

@@ -0,0 +1,90 @@
+const root = "_root_1sabn_1";
+const rootVertical = "_rootVertical_1sabn_7";
+const list = "_list_1sabn_12";
+const listVertical = "_listVertical_1sabn_26";
+const trigger = "_trigger_1sabn_31";
+const triggerChevron = "_triggerChevron_1sabn_83";
+const content = "_content_1sabn_91";
+const link = "_link_1sabn_150";
+const linkActive = "_linkActive_1sabn_176";
+const linkStructured = "_linkStructured_1sabn_186";
+const linkIcon = "_linkIcon_1sabn_198";
+const linkBody = "_linkBody_1sabn_209";
+const linkTitle = "_linkTitle_1sabn_216";
+const linkDescription = "_linkDescription_1sabn_223";
+const linkFeatured = "_linkFeatured_1sabn_229";
+const indicator = "_indicator_1sabn_238";
+const viewport = "_viewport_1sabn_248";
+const hamburger = "_hamburger_1sabn_278";
+const drawerBackdrop = "_drawerBackdrop_1sabn_325";
+const drawer = "_drawer_1sabn_325";
+const drawerHeader = "_drawerHeader_1sabn_359";
+const drawerClose = "_drawerClose_1sabn_368";
+const drawerBody = "_drawerBody_1sabn_406";
+const drawerNav = "_drawerNav_1sabn_412";
+const drawerLink = "_drawerLink_1sabn_417";
+const drawerSectionLabel = "_drawerSectionLabel_1sabn_451";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1sabn_462";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_1sabn_505";
+const styles = {
+  root,
+  rootVertical,
+  list,
+  listVertical,
+  trigger,
+  triggerChevron,
+  content,
+  link,
+  linkActive,
+  linkStructured,
+  linkIcon,
+  linkBody,
+  linkTitle,
+  linkDescription,
+  linkFeatured,
+  indicator,
+  viewport,
+  hamburger,
+  drawerBackdrop,
+  drawer,
+  drawerHeader,
+  drawerClose,
+  drawerBody,
+  drawerNav,
+  drawerLink,
+  drawerSectionLabel,
+  drawerCollapsibleTrigger,
+  drawerCollapsibleContent
+};
+export {
+  content,
+  styles as default,
+  drawer,
+  drawerBackdrop,
+  drawerBody,
+  drawerClose,
+  drawerCollapsibleContent,
+  drawerCollapsibleTrigger,
+  drawerHeader,
+  drawerLink,
+  drawerNav,
+  drawerSectionLabel,
+  hamburger,
+  indicator,
+  link,
+  linkActive,
+  linkBody,
+  linkDescription,
+  linkFeatured,
+  linkIcon,
+  linkStructured,
+  linkTitle,
+  list,
+  listVertical,
+  root,
+  rootVertical,
+  trigger,
+  triggerChevron,
+  viewport
+};
+//# sourceMappingURL=NavigationMenu.module.scss.js.map

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

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

package/dist/components/NavigationMenu/NavigationMenuContext.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const NavigationMenuContext = React__namespace.createContext(null);
+function useNavigationMenuContext() {
+  const ctx = React__namespace.useContext(NavigationMenuContext);
+  if (!ctx) {
+    throw new Error("NavigationMenu compound components must be used within NavigationMenu");
+  }
+  return ctx;
+}
+const NavigationMenuItemContext = React__namespace.createContext(null);
+function useNavigationMenuItemContext() {
+  const ctx = React__namespace.useContext(NavigationMenuItemContext);
+  if (!ctx) {
+    throw new Error("NavigationMenu.Trigger/Content must be used within NavigationMenu.Item");
+  }
+  return ctx;
+}
+exports.NavigationMenuContext = NavigationMenuContext;
+exports.NavigationMenuItemContext = NavigationMenuItemContext;
+exports.useNavigationMenuContext = useNavigationMenuContext;
+exports.useNavigationMenuItemContext = useNavigationMenuItemContext;
+//# sourceMappingURL=NavigationMenuContext.cjs.map

package/dist/components/NavigationMenu/NavigationMenuContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContext.cjs","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n// ============================================\n// Item Info (for mobile drawer auto-conversion)\n// ============================================\n\nexport interface NavigationMenuItemInfo {\n  value: string;\n  triggerLabel: string;\n  contentChildren: React.ReactNode;\n  linkHref?: string;\n}\n\n// ============================================\n// Root Context\n// ============================================\n\nexport interface NavigationMenuContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  delayDuration: number;\n  skipDelayDuration: number;\n\n  // Timer refs\n  openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  isRecentlyOpenRef: React.MutableRefObject<boolean>;\n  skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n\n  // Trigger registry for keyboard nav + indicator\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n  triggerOrder: React.MutableRefObject<string[]>;\n\n  // Item info registry (for mobile drawer)\n  itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;\n\n  // Viewport size for animated transitions\n  viewportSize: { width: number; height: number };\n  setViewportSize: (size: { width: number; height: number }) => void;\n\n  // Viewport ref for portal\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n\n  // Track previous value for motion direction\n  previousValue: React.MutableRefObject<string>;\n\n  // Mobile state\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n  mobileContentChildren: React.ReactNode;\n  setMobileContentChildren: (children: React.ReactNode) => void;\n  mobileBrandChildren: React.ReactNode;\n  setMobileBrandChildren: (children: React.ReactNode) => void;\n\n  // Root nav id\n  rootId: string;\n}\n\nexport const NavigationMenuContext = React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n  const ctx = React.useContext(NavigationMenuContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu compound components must be used within NavigationMenu');\n  }\n  return ctx;\n}\n\n// ============================================\n// Item Context\n// ============================================\n\nexport interface NavigationMenuItemContextValue {\n  value: string;\n  triggerId: string;\n  contentId: string;\n}\n\nexport const NavigationMenuItemContext = React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu.Trigger/Content must be used within NavigationMenu.Item');\n  }\n  return ctx;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8DO,MAAM,wBAAwBA,iBAAM,cAAiD,IAAI;AAEzF,SAAS,2BAAuD;AACrE,QAAM,MAAMA,iBAAM,WAAW,qBAAqB;AAClD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AAYO,MAAM,4BAA4BA,iBAAM,cAAqD,IAAI;AAEjG,SAAS,+BAA+D;AAC7E,QAAM,MAAMA,iBAAM,WAAW,yBAAyB;AACtD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AACA,SAAO;AACT;;;;;"}

package/dist/components/NavigationMenu/NavigationMenuContext.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+export interface NavigationMenuItemInfo {
+    value: string;
+    triggerLabel: string;
+    contentChildren: React.ReactNode;
+    linkHref?: string;
+}
+export interface NavigationMenuContextValue {
+    value: string;
+    setValue: (value: string) => void;
+    orientation: 'horizontal' | 'vertical';
+    delayDuration: number;
+    skipDelayDuration: number;
+    openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;
+    closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;
+    isRecentlyOpenRef: React.MutableRefObject<boolean>;
+    skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;
+    triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;
+    triggerOrder: React.MutableRefObject<string[]>;
+    itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;
+    viewportSize: {
+        width: number;
+        height: number;
+    };
+    setViewportSize: (size: {
+        width: number;
+        height: number;
+    }) => void;
+    viewportRef: React.RefObject<HTMLDivElement | null>;
+    previousValue: React.MutableRefObject<string>;
+    isMobile: boolean;
+    mobileOpen: boolean;
+    setMobileOpen: (open: boolean) => void;
+    mobileContentChildren: React.ReactNode;
+    setMobileContentChildren: (children: React.ReactNode) => void;
+    mobileBrandChildren: React.ReactNode;
+    setMobileBrandChildren: (children: React.ReactNode) => void;
+    rootId: string;
+}
+export declare const NavigationMenuContext: React.Context<NavigationMenuContextValue | null>;
+export declare function useNavigationMenuContext(): NavigationMenuContextValue;
+export interface NavigationMenuItemContextValue {
+    value: string;
+    triggerId: string;
+    contentId: string;
+}
+export declare const NavigationMenuItemContext: React.Context<NavigationMenuItemContextValue | null>;
+export declare function useNavigationMenuItemContext(): NavigationMenuItemContextValue;
+//# sourceMappingURL=NavigationMenuContext.d.ts.map

package/dist/components/NavigationMenu/NavigationMenuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3E,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5E,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAGhF,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpE,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG/C,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAGzE,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAGnE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAGpD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAG9C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,wBAAwB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC9D,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAG5D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,kDAA+D,CAAC;AAElG,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE;AAMD,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,sDAAmE,CAAC;AAE1G,wBAAgB,4BAA4B,IAAI,8BAA8B,CAM7E"}

package/dist/components/NavigationMenu/NavigationMenuContext.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+const NavigationMenuContext = React.createContext(null);
+function useNavigationMenuContext() {
+  const ctx = React.useContext(NavigationMenuContext);
+  if (!ctx) {
+    throw new Error("NavigationMenu compound components must be used within NavigationMenu");
+  }
+  return ctx;
+}
+const NavigationMenuItemContext = React.createContext(null);
+function useNavigationMenuItemContext() {
+  const ctx = React.useContext(NavigationMenuItemContext);
+  if (!ctx) {
+    throw new Error("NavigationMenu.Trigger/Content must be used within NavigationMenu.Item");
+  }
+  return ctx;
+}
+export {
+  NavigationMenuContext,
+  NavigationMenuItemContext,
+  useNavigationMenuContext,
+  useNavigationMenuItemContext
+};
+//# sourceMappingURL=NavigationMenuContext.js.map

package/dist/components/NavigationMenu/NavigationMenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContext.js","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n// ============================================\n// Item Info (for mobile drawer auto-conversion)\n// ============================================\n\nexport interface NavigationMenuItemInfo {\n  value: string;\n  triggerLabel: string;\n  contentChildren: React.ReactNode;\n  linkHref?: string;\n}\n\n// ============================================\n// Root Context\n// ============================================\n\nexport interface NavigationMenuContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  delayDuration: number;\n  skipDelayDuration: number;\n\n  // Timer refs\n  openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  isRecentlyOpenRef: React.MutableRefObject<boolean>;\n  skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n\n  // Trigger registry for keyboard nav + indicator\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n  triggerOrder: React.MutableRefObject<string[]>;\n\n  // Item info registry (for mobile drawer)\n  itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;\n\n  // Viewport size for animated transitions\n  viewportSize: { width: number; height: number };\n  setViewportSize: (size: { width: number; height: number }) => void;\n\n  // Viewport ref for portal\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n\n  // Track previous value for motion direction\n  previousValue: React.MutableRefObject<string>;\n\n  // Mobile state\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n  mobileContentChildren: React.ReactNode;\n  setMobileContentChildren: (children: React.ReactNode) => void;\n  mobileBrandChildren: React.ReactNode;\n  setMobileBrandChildren: (children: React.ReactNode) => void;\n\n  // Root nav id\n  rootId: string;\n}\n\nexport const NavigationMenuContext = React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n  const ctx = React.useContext(NavigationMenuContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu compound components must be used within NavigationMenu');\n  }\n  return ctx;\n}\n\n// ============================================\n// Item Context\n// ============================================\n\nexport interface NavigationMenuItemContextValue {\n  value: string;\n  triggerId: string;\n  contentId: string;\n}\n\nexport const NavigationMenuItemContext = React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu.Trigger/Content must be used within NavigationMenu.Item');\n  }\n  return ctx;\n}\n"],"names":[],"mappings":";AA8DO,MAAM,wBAAwB,MAAM,cAAiD,IAAI;AAEzF,SAAS,2BAAuD;AACrE,QAAM,MAAM,MAAM,WAAW,qBAAqB;AAClD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AAYO,MAAM,4BAA4B,MAAM,cAAqD,IAAI;AAEjG,SAAS,+BAA+D;AAC7E,QAAM,MAAM,MAAM,WAAW,yBAAyB;AACtD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AACA,SAAO;AACT;"}