@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/stores/conversation-store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-store.cjs","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n  getConversationState,\n  setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n  | \"files\"\n  | \"browser\"\n  | \"vscode\"\n  | \"terminal\"\n  | \"planner\"\n  | \"tasklist\";\n\nexport type ConversationMode = \"code\" | \"plan\";\n\nexport interface IMessageToSend {\n  text: string;\n  timestamp: number;\n}\n\ninterface ConversationState {\n  isRightPanelShown: boolean;\n  selectedTab: ConversationTab | null;\n  images: File[];\n  files: File[];\n  /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. */\n  imagesMarkedUploadAsFile: string[];\n  /** Image file names attached in chat (controls per-image upload-as-file UI). */\n  pastedImageNames: string[];\n  loadingFiles: string[]; // File names currently being processed\n  loadingImages: string[]; // Image names currently being processed\n  messageToSend: IMessageToSend | null;\n  shouldShownAgentLoading: boolean;\n  submittedMessage: string | null;\n  shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n  hasRightPanelToggled: boolean;\n  planContent: string | null;\n  conversationMode: ConversationMode;\n  subConversationTaskId: string | null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n  setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n  setSelectedTab: (selectedTab: ConversationTab | null) => void;\n  setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n  setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n  addImages: (images: File[]) => void;\n  addFiles: (files: File[]) => void;\n  toggleImageUploadAsFile: (fileName: string) => void;\n  markImagesAsPasted: (fileNames: string[]) => void;\n  removeImage: (index: number) => void;\n  removeFile: (index: number) => void;\n  clearImages: () => void;\n  clearFiles: () => void;\n  clearAllFiles: () => void;\n  addFileLoading: (fileName: string) => void;\n  removeFileLoading: (fileName: string) => void;\n  addImageLoading: (imageName: string) => void;\n  removeImageLoading: (imageName: string) => void;\n  clearAllLoading: () => void;\n  setMessageToSend: (text: string) => void;\n  setSubmittedMessage: (message: string | null) => void;\n  resetConversationState: () => void;\n  setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n  setConversationMode: (conversationMode: ConversationMode) => void;\n  setSubConversationTaskId: (taskId: string | null) => void;\n  setPlanContent: (planContent: string | null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string | null => {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n  return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n  if (typeof window === \"undefined\") {\n    return \"code\";\n  }\n\n  const conversationId = getConversationIdFromLocation();\n  if (!conversationId) {\n    return \"code\";\n  }\n\n  const state = getConversationState(conversationId);\n  return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n  devtools(\n    (set) => ({\n      // Initial state.\n      //\n      // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n      // is intentionally *session-only* state: it always starts closed on\n      // app load (or on opening a fresh/existing conversation after a\n      // restart), but it survives in-app navigation because the Zustand\n      // store stays alive across React Router transitions. Persisting the\n      // open/closed state in localStorage made the panel feel sticky in\n      // a way users didn't expect — they want a clean, focused chat view\n      // when they come back to the app and only want the panel back when\n      // they themselves opened it during the current session.\n      isRightPanelShown: false,\n      selectedTab: \"files\" as ConversationTab,\n      images: [],\n      files: [],\n      imagesMarkedUploadAsFile: [],\n      pastedImageNames: [],\n      loadingFiles: [],\n      loadingImages: [],\n      messageToSend: null,\n      shouldShownAgentLoading: false,\n      submittedMessage: null,\n      shouldHideSuggestions: false,\n      hasRightPanelToggled: false,\n      planContent: null,\n      conversationMode: getInitialConversationMode(),\n      subConversationTaskId: null,\n\n      // Actions\n      setIsRightPanelShown: (isRightPanelShown) =>\n        set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n      setSelectedTab: (selectedTab) =>\n        set({ selectedTab }, false, \"setSelectedTab\"),\n\n      setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n        set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n      setShouldHideSuggestions: (shouldHideSuggestions) =>\n        set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n      addImages: (images) =>\n        set(\n          (state) => ({ images: [...state.images, ...images] }),\n          false,\n          \"addImages\",\n        ),\n\n      addFiles: (files) =>\n        set(\n          (state) => ({ files: [...state.files, ...files] }),\n          false,\n          \"addFiles\",\n        ),\n\n      toggleImageUploadAsFile: (fileName) =>\n        set(\n          (state) => {\n            const marked = new Set(state.imagesMarkedUploadAsFile);\n            if (marked.has(fileName)) {\n              marked.delete(fileName);\n            } else {\n              marked.add(fileName);\n            }\n            return { imagesMarkedUploadAsFile: [...marked] };\n          },\n          false,\n          \"toggleImageUploadAsFile\",\n        ),\n\n      markImagesAsPasted: (fileNames) =>\n        set(\n          (state) => {\n            const merged = new Set([...state.pastedImageNames, ...fileNames]);\n            return { pastedImageNames: [...merged] };\n          },\n          false,\n          \"markImagesAsPasted\",\n        ),\n\n      removeImage: (index) =>\n        set(\n          (state) => {\n            const removed = state.images[index];\n            const newImages = [...state.images];\n            newImages.splice(index, 1);\n            return {\n              images: newImages,\n              imagesMarkedUploadAsFile: removed\n                ? state.imagesMarkedUploadAsFile.filter(\n                    (name) => name !== removed.name,\n                  )\n                : state.imagesMarkedUploadAsFile,\n              pastedImageNames: removed\n                ? state.pastedImageNames.filter((name) => name !== removed.name)\n                : state.pastedImageNames,\n            };\n          },\n          false,\n          \"removeImage\",\n        ),\n\n      removeFile: (index) =>\n        set(\n          (state) => {\n            const newFiles = [...state.files];\n            newFiles.splice(index, 1);\n            return { files: newFiles };\n          },\n          false,\n          \"removeFile\",\n        ),\n\n      clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n      clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n      clearAllFiles: () =>\n        set(\n          {\n            images: [],\n            files: [],\n            imagesMarkedUploadAsFile: [],\n            pastedImageNames: [],\n            loadingFiles: [],\n            loadingImages: [],\n          },\n          false,\n          \"clearAllFiles\",\n        ),\n\n      addFileLoading: (fileName) =>\n        set(\n          (state) => {\n            if (!state.loadingFiles.includes(fileName)) {\n              return { loadingFiles: [...state.loadingFiles, fileName] };\n            }\n            return state;\n          },\n          false,\n          \"addFileLoading\",\n        ),\n\n      removeFileLoading: (fileName) =>\n        set(\n          (state) => ({\n            loadingFiles: state.loadingFiles.filter(\n              (name) => name !== fileName,\n            ),\n          }),\n          false,\n          \"removeFileLoading\",\n        ),\n\n      addImageLoading: (imageName) =>\n        set(\n          (state) => {\n            if (!state.loadingImages.includes(imageName)) {\n              return { loadingImages: [...state.loadingImages, imageName] };\n            }\n            return state;\n          },\n          false,\n          \"addImageLoading\",\n        ),\n\n      removeImageLoading: (imageName) =>\n        set(\n          (state) => ({\n            loadingImages: state.loadingImages.filter(\n              (name) => name !== imageName,\n            ),\n          }),\n          false,\n          \"removeImageLoading\",\n        ),\n\n      clearAllLoading: () =>\n        set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n      setMessageToSend: (text) =>\n        set(\n          {\n            messageToSend: {\n              text,\n              timestamp: Date.now(),\n            },\n          },\n          false,\n          \"setMessageToSend\",\n        ),\n\n      setSubmittedMessage: (submittedMessage) =>\n        set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n      resetConversationState: () =>\n        set(\n          {\n            shouldHideSuggestions: false,\n            conversationMode: getInitialConversationMode(),\n            subConversationTaskId: null,\n            planContent: null,\n          },\n          false,\n          \"resetConversationState\",\n        ),\n\n      setHasRightPanelToggled: (hasRightPanelToggled) =>\n        set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n      setConversationMode: (conversationMode) => {\n        const conversationId = getConversationIdFromLocation();\n        if (conversationId) {\n          setConversationState(conversationId, { conversationMode });\n        }\n        set({ conversationMode }, false, \"setConversationMode\");\n      },\n\n      setSubConversationTaskId: (subConversationTaskId) =>\n        set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n      setPlanContent: (planContent) =>\n        set({ planContent }, false, \"setPlanContent\"),\n    }),\n    {\n      name: \"conversation-store\",\n    },\n  ),\n);\n"],"mappings":"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"}
+{"version":3,"file":"conversation-store.cjs","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n  getConversationState,\n  setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n  | \"files\"\n  | \"browser\"\n  | \"vscode\"\n  | \"terminal\"\n  | \"planner\"\n  | \"tasklist\";\n\nexport type ConversationMode = \"code\" | \"plan\";\n\nexport interface IMessageToSend {\n  text: string;\n  timestamp: number;\n}\n\ninterface ConversationState {\n  isRightPanelShown: boolean;\n  selectedTab: ConversationTab | null;\n  images: File[];\n  files: File[];\n  /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. */\n  imagesMarkedUploadAsFile: string[];\n  /** Image file names attached in chat (controls per-image upload-as-file UI). */\n  pastedImageNames: string[];\n  loadingFiles: string[]; // File names currently being processed\n  loadingImages: string[]; // Image names currently being processed\n  messageToSend: IMessageToSend | null;\n  /** One-shot restore request consumed by the chat input when empty. */\n  messageRestoreIfEmpty: IMessageToSend | null;\n  shouldShownAgentLoading: boolean;\n  submittedMessage: string | null;\n  shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n  hasRightPanelToggled: boolean;\n  planContent: string | null;\n  conversationMode: ConversationMode;\n  subConversationTaskId: string | null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n  setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n  setSelectedTab: (selectedTab: ConversationTab | null) => void;\n  setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n  setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n  addImages: (images: File[]) => void;\n  addFiles: (files: File[]) => void;\n  toggleImageUploadAsFile: (fileName: string) => void;\n  markImagesAsPasted: (fileNames: string[]) => void;\n  removeImage: (index: number) => void;\n  removeFile: (index: number) => void;\n  clearImages: () => void;\n  clearFiles: () => void;\n  clearAllFiles: () => void;\n  addFileLoading: (fileName: string) => void;\n  removeFileLoading: (fileName: string) => void;\n  addImageLoading: (imageName: string) => void;\n  removeImageLoading: (imageName: string) => void;\n  clearAllLoading: () => void;\n  setMessageToSend: (text: string) => void;\n  restoreMessageToInputIfEmpty: (text: string) => void;\n  clearMessageRestoreIfEmpty: () => void;\n  setSubmittedMessage: (message: string | null) => void;\n  resetConversationState: () => void;\n  setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n  setConversationMode: (conversationMode: ConversationMode) => void;\n  setSubConversationTaskId: (taskId: string | null) => void;\n  setPlanContent: (planContent: string | null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string | null => {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n  return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n  if (typeof window === \"undefined\") {\n    return \"code\";\n  }\n\n  const conversationId = getConversationIdFromLocation();\n  if (!conversationId) {\n    return \"code\";\n  }\n\n  const state = getConversationState(conversationId);\n  return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n  devtools(\n    (set) => ({\n      // Initial state.\n      //\n      // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n      // is intentionally *session-only* state: it always starts closed on\n      // app load (or on opening a fresh/existing conversation after a\n      // restart), but it survives in-app navigation because the Zustand\n      // store stays alive across React Router transitions. Persisting the\n      // open/closed state in localStorage made the panel feel sticky in\n      // a way users didn't expect — they want a clean, focused chat view\n      // when they come back to the app and only want the panel back when\n      // they themselves opened it during the current session.\n      isRightPanelShown: false,\n      selectedTab: \"files\" as ConversationTab,\n      images: [],\n      files: [],\n      imagesMarkedUploadAsFile: [],\n      pastedImageNames: [],\n      loadingFiles: [],\n      loadingImages: [],\n      messageToSend: null,\n      messageRestoreIfEmpty: null,\n      shouldShownAgentLoading: false,\n      submittedMessage: null,\n      shouldHideSuggestions: false,\n      hasRightPanelToggled: false,\n      planContent: null,\n      conversationMode: getInitialConversationMode(),\n      subConversationTaskId: null,\n\n      // Actions\n      setIsRightPanelShown: (isRightPanelShown) =>\n        set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n      setSelectedTab: (selectedTab) =>\n        set({ selectedTab }, false, \"setSelectedTab\"),\n\n      setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n        set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n      setShouldHideSuggestions: (shouldHideSuggestions) =>\n        set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n      addImages: (images) =>\n        set(\n          (state) => ({ images: [...state.images, ...images] }),\n          false,\n          \"addImages\",\n        ),\n\n      addFiles: (files) =>\n        set(\n          (state) => ({ files: [...state.files, ...files] }),\n          false,\n          \"addFiles\",\n        ),\n\n      toggleImageUploadAsFile: (fileName) =>\n        set(\n          (state) => {\n            const marked = new Set(state.imagesMarkedUploadAsFile);\n            if (marked.has(fileName)) {\n              marked.delete(fileName);\n            } else {\n              marked.add(fileName);\n            }\n            return { imagesMarkedUploadAsFile: [...marked] };\n          },\n          false,\n          \"toggleImageUploadAsFile\",\n        ),\n\n      markImagesAsPasted: (fileNames) =>\n        set(\n          (state) => {\n            const merged = new Set([...state.pastedImageNames, ...fileNames]);\n            return { pastedImageNames: [...merged] };\n          },\n          false,\n          \"markImagesAsPasted\",\n        ),\n\n      removeImage: (index) =>\n        set(\n          (state) => {\n            const removed = state.images[index];\n            const newImages = [...state.images];\n            newImages.splice(index, 1);\n            return {\n              images: newImages,\n              imagesMarkedUploadAsFile: removed\n                ? state.imagesMarkedUploadAsFile.filter(\n                    (name) => name !== removed.name,\n                  )\n                : state.imagesMarkedUploadAsFile,\n              pastedImageNames: removed\n                ? state.pastedImageNames.filter((name) => name !== removed.name)\n                : state.pastedImageNames,\n            };\n          },\n          false,\n          \"removeImage\",\n        ),\n\n      removeFile: (index) =>\n        set(\n          (state) => {\n            const newFiles = [...state.files];\n            newFiles.splice(index, 1);\n            return { files: newFiles };\n          },\n          false,\n          \"removeFile\",\n        ),\n\n      clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n      clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n      clearAllFiles: () =>\n        set(\n          {\n            images: [],\n            files: [],\n            imagesMarkedUploadAsFile: [],\n            pastedImageNames: [],\n            loadingFiles: [],\n            loadingImages: [],\n          },\n          false,\n          \"clearAllFiles\",\n        ),\n\n      addFileLoading: (fileName) =>\n        set(\n          (state) => {\n            if (!state.loadingFiles.includes(fileName)) {\n              return { loadingFiles: [...state.loadingFiles, fileName] };\n            }\n            return state;\n          },\n          false,\n          \"addFileLoading\",\n        ),\n\n      removeFileLoading: (fileName) =>\n        set(\n          (state) => ({\n            loadingFiles: state.loadingFiles.filter(\n              (name) => name !== fileName,\n            ),\n          }),\n          false,\n          \"removeFileLoading\",\n        ),\n\n      addImageLoading: (imageName) =>\n        set(\n          (state) => {\n            if (!state.loadingImages.includes(imageName)) {\n              return { loadingImages: [...state.loadingImages, imageName] };\n            }\n            return state;\n          },\n          false,\n          \"addImageLoading\",\n        ),\n\n      removeImageLoading: (imageName) =>\n        set(\n          (state) => ({\n            loadingImages: state.loadingImages.filter(\n              (name) => name !== imageName,\n            ),\n          }),\n          false,\n          \"removeImageLoading\",\n        ),\n\n      clearAllLoading: () =>\n        set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n      setMessageToSend: (text) =>\n        set(\n          {\n            messageToSend: {\n              text,\n              timestamp: Date.now(),\n            },\n          },\n          false,\n          \"setMessageToSend\",\n        ),\n\n      restoreMessageToInputIfEmpty: (text) =>\n        set(\n          {\n            messageRestoreIfEmpty: {\n              text,\n              timestamp: Date.now(),\n            },\n          },\n          false,\n          \"restoreMessageToInputIfEmpty\",\n        ),\n\n      clearMessageRestoreIfEmpty: () =>\n        set(\n          { messageRestoreIfEmpty: null },\n          false,\n          \"clearMessageRestoreIfEmpty\",\n        ),\n\n      setSubmittedMessage: (submittedMessage) =>\n        set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n      resetConversationState: () =>\n        set(\n          {\n            shouldHideSuggestions: false,\n            conversationMode: getInitialConversationMode(),\n            subConversationTaskId: null,\n            planContent: null,\n          },\n          false,\n          \"resetConversationState\",\n        ),\n\n      setHasRightPanelToggled: (hasRightPanelToggled) =>\n        set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n      setConversationMode: (conversationMode) => {\n        const conversationId = getConversationIdFromLocation();\n        if (conversationId) {\n          setConversationState(conversationId, { conversationMode });\n        }\n        set({ conversationMode }, false, \"setConversationMode\");\n      },\n\n      setSubConversationTaskId: (subConversationTaskId) =>\n        set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n      setPlanContent: (planContent) =>\n        set({ planContent }, false, \"setPlanContent\"),\n    }),\n    {\n      name: \"conversation-store\",\n    },\n  ),\n);\n"],"mappings":"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"}

package/dist/stores/conversation-store.d.ts

@@ -16,6 +16,8 @@ interface ConversationState {
     loadingFiles: string[];
     loadingImages: string[];
     messageToSend: IMessageToSend | null;
+    /** One-shot restore request consumed by the chat input when empty. */
+    messageRestoreIfEmpty: IMessageToSend | null;
     shouldShownAgentLoading: boolean;
     submittedMessage: string | null;
     shouldHideSuggestions: boolean;
@@ -44,6 +46,8 @@ interface ConversationActions {
     removeImageLoading: (imageName: string) => void;
     clearAllLoading: () => void;
     setMessageToSend: (text: string) => void;
+    restoreMessageToInputIfEmpty: (text: string) => void;
+    clearMessageRestoreIfEmpty: () => void;
     setSubmittedMessage: (message: string | null) => void;
     resetConversationState: () => void;
     setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;

package/dist/stores/conversation-store.js

@@ -20,6 +20,7 @@ var i = () => {
 	loadingFiles: [],
 	loadingImages: [],
 	messageToSend: null,
+	messageRestoreIfEmpty: null,
 	shouldShownAgentLoading: !1,
 	submittedMessage: null,
 	shouldHideSuggestions: !1,
@@ -72,6 +73,11 @@ var i = () => {
 		text: t,
 		timestamp: Date.now()
 	} }, !1, "setMessageToSend"),
+	restoreMessageToInputIfEmpty: (t) => e({ messageRestoreIfEmpty: {
+		text: t,
+		timestamp: Date.now()
+	} }, !1, "restoreMessageToInputIfEmpty"),
+	clearMessageRestoreIfEmpty: () => e({ messageRestoreIfEmpty: null }, !1, "clearMessageRestoreIfEmpty"),
 	setSubmittedMessage: (t) => e({ submittedMessage: t }, !1, "setSubmittedMessage"),
 	resetConversationState: () => e({
 		shouldHideSuggestions: !1,

package/dist/stores/conversation-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-store.js","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n  getConversationState,\n  setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n  | \"files\"\n  | \"browser\"\n  | \"vscode\"\n  | \"terminal\"\n  | \"planner\"\n  | \"tasklist\";\n\nexport type ConversationMode = \"code\" | \"plan\";\n\nexport interface IMessageToSend {\n  text: string;\n  timestamp: number;\n}\n\ninterface ConversationState {\n  isRightPanelShown: boolean;\n  selectedTab: ConversationTab | null;\n  images: File[];\n  files: File[];\n  /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. */\n  imagesMarkedUploadAsFile: string[];\n  /** Image file names attached in chat (controls per-image upload-as-file UI). */\n  pastedImageNames: string[];\n  loadingFiles: string[]; // File names currently being processed\n  loadingImages: string[]; // Image names currently being processed\n  messageToSend: IMessageToSend | null;\n  shouldShownAgentLoading: boolean;\n  submittedMessage: string | null;\n  shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n  hasRightPanelToggled: boolean;\n  planContent: string | null;\n  conversationMode: ConversationMode;\n  subConversationTaskId: string | null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n  setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n  setSelectedTab: (selectedTab: ConversationTab | null) => void;\n  setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n  setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n  addImages: (images: File[]) => void;\n  addFiles: (files: File[]) => void;\n  toggleImageUploadAsFile: (fileName: string) => void;\n  markImagesAsPasted: (fileNames: string[]) => void;\n  removeImage: (index: number) => void;\n  removeFile: (index: number) => void;\n  clearImages: () => void;\n  clearFiles: () => void;\n  clearAllFiles: () => void;\n  addFileLoading: (fileName: string) => void;\n  removeFileLoading: (fileName: string) => void;\n  addImageLoading: (imageName: string) => void;\n  removeImageLoading: (imageName: string) => void;\n  clearAllLoading: () => void;\n  setMessageToSend: (text: string) => void;\n  setSubmittedMessage: (message: string | null) => void;\n  resetConversationState: () => void;\n  setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n  setConversationMode: (conversationMode: ConversationMode) => void;\n  setSubConversationTaskId: (taskId: string | null) => void;\n  setPlanContent: (planContent: string | null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string | null => {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n  return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n  if (typeof window === \"undefined\") {\n    return \"code\";\n  }\n\n  const conversationId = getConversationIdFromLocation();\n  if (!conversationId) {\n    return \"code\";\n  }\n\n  const state = getConversationState(conversationId);\n  return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n  devtools(\n    (set) => ({\n      // Initial state.\n      //\n      // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n      // is intentionally *session-only* state: it always starts closed on\n      // app load (or on opening a fresh/existing conversation after a\n      // restart), but it survives in-app navigation because the Zustand\n      // store stays alive across React Router transitions. Persisting the\n      // open/closed state in localStorage made the panel feel sticky in\n      // a way users didn't expect — they want a clean, focused chat view\n      // when they come back to the app and only want the panel back when\n      // they themselves opened it during the current session.\n      isRightPanelShown: false,\n      selectedTab: \"files\" as ConversationTab,\n      images: [],\n      files: [],\n      imagesMarkedUploadAsFile: [],\n      pastedImageNames: [],\n      loadingFiles: [],\n      loadingImages: [],\n      messageToSend: null,\n      shouldShownAgentLoading: false,\n      submittedMessage: null,\n      shouldHideSuggestions: false,\n      hasRightPanelToggled: false,\n      planContent: null,\n      conversationMode: getInitialConversationMode(),\n      subConversationTaskId: null,\n\n      // Actions\n      setIsRightPanelShown: (isRightPanelShown) =>\n        set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n      setSelectedTab: (selectedTab) =>\n        set({ selectedTab }, false, \"setSelectedTab\"),\n\n      setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n        set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n      setShouldHideSuggestions: (shouldHideSuggestions) =>\n        set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n      addImages: (images) =>\n        set(\n          (state) => ({ images: [...state.images, ...images] }),\n          false,\n          \"addImages\",\n        ),\n\n      addFiles: (files) =>\n        set(\n          (state) => ({ files: [...state.files, ...files] }),\n          false,\n          \"addFiles\",\n        ),\n\n      toggleImageUploadAsFile: (fileName) =>\n        set(\n          (state) => {\n            const marked = new Set(state.imagesMarkedUploadAsFile);\n            if (marked.has(fileName)) {\n              marked.delete(fileName);\n            } else {\n              marked.add(fileName);\n            }\n            return { imagesMarkedUploadAsFile: [...marked] };\n          },\n          false,\n          \"toggleImageUploadAsFile\",\n        ),\n\n      markImagesAsPasted: (fileNames) =>\n        set(\n          (state) => {\n            const merged = new Set([...state.pastedImageNames, ...fileNames]);\n            return { pastedImageNames: [...merged] };\n          },\n          false,\n          \"markImagesAsPasted\",\n        ),\n\n      removeImage: (index) =>\n        set(\n          (state) => {\n            const removed = state.images[index];\n            const newImages = [...state.images];\n            newImages.splice(index, 1);\n            return {\n              images: newImages,\n              imagesMarkedUploadAsFile: removed\n                ? state.imagesMarkedUploadAsFile.filter(\n                    (name) => name !== removed.name,\n                  )\n                : state.imagesMarkedUploadAsFile,\n              pastedImageNames: removed\n                ? state.pastedImageNames.filter((name) => name !== removed.name)\n                : state.pastedImageNames,\n            };\n          },\n          false,\n          \"removeImage\",\n        ),\n\n      removeFile: (index) =>\n        set(\n          (state) => {\n            const newFiles = [...state.files];\n            newFiles.splice(index, 1);\n            return { files: newFiles };\n          },\n          false,\n          \"removeFile\",\n        ),\n\n      clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n      clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n      clearAllFiles: () =>\n        set(\n          {\n            images: [],\n            files: [],\n            imagesMarkedUploadAsFile: [],\n            pastedImageNames: [],\n            loadingFiles: [],\n            loadingImages: [],\n          },\n          false,\n          \"clearAllFiles\",\n        ),\n\n      addFileLoading: (fileName) =>\n        set(\n          (state) => {\n            if (!state.loadingFiles.includes(fileName)) {\n              return { loadingFiles: [...state.loadingFiles, fileName] };\n            }\n            return state;\n          },\n          false,\n          \"addFileLoading\",\n        ),\n\n      removeFileLoading: (fileName) =>\n        set(\n          (state) => ({\n            loadingFiles: state.loadingFiles.filter(\n              (name) => name !== fileName,\n            ),\n          }),\n          false,\n          \"removeFileLoading\",\n        ),\n\n      addImageLoading: (imageName) =>\n        set(\n          (state) => {\n            if (!state.loadingImages.includes(imageName)) {\n              return { loadingImages: [...state.loadingImages, imageName] };\n            }\n            return state;\n          },\n          false,\n          \"addImageLoading\",\n        ),\n\n      removeImageLoading: (imageName) =>\n        set(\n          (state) => ({\n            loadingImages: state.loadingImages.filter(\n              (name) => name !== imageName,\n            ),\n          }),\n          false,\n          \"removeImageLoading\",\n        ),\n\n      clearAllLoading: () =>\n        set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n      setMessageToSend: (text) =>\n        set(\n          {\n            messageToSend: {\n              text,\n              timestamp: Date.now(),\n            },\n          },\n          false,\n          \"setMessageToSend\",\n        ),\n\n      setSubmittedMessage: (submittedMessage) =>\n        set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n      resetConversationState: () =>\n        set(\n          {\n            shouldHideSuggestions: false,\n            conversationMode: getInitialConversationMode(),\n            subConversationTaskId: null,\n            planContent: null,\n          },\n          false,\n          \"resetConversationState\",\n        ),\n\n      setHasRightPanelToggled: (hasRightPanelToggled) =>\n        set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n      setConversationMode: (conversationMode) => {\n        const conversationId = getConversationIdFromLocation();\n        if (conversationId) {\n          setConversationState(conversationId, { conversationMode });\n        }\n        set({ conversationMode }, false, \"setConversationMode\");\n      },\n\n      setSubConversationTaskId: (subConversationTaskId) =>\n        set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n      setPlanContent: (planContent) =>\n        set({ planContent }, false, \"setPlanContent\"),\n    }),\n    {\n      name: \"conversation-store\",\n    },\n  ),\n);\n"],"mappings":"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"}
+{"version":3,"file":"conversation-store.js","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n  getConversationState,\n  setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n  | \"files\"\n  | \"browser\"\n  | \"vscode\"\n  | \"terminal\"\n  | \"planner\"\n  | \"tasklist\";\n\nexport type ConversationMode = \"code\" | \"plan\";\n\nexport interface IMessageToSend {\n  text: string;\n  timestamp: number;\n}\n\ninterface ConversationState {\n  isRightPanelShown: boolean;\n  selectedTab: ConversationTab | null;\n  images: File[];\n  files: File[];\n  /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. */\n  imagesMarkedUploadAsFile: string[];\n  /** Image file names attached in chat (controls per-image upload-as-file UI). */\n  pastedImageNames: string[];\n  loadingFiles: string[]; // File names currently being processed\n  loadingImages: string[]; // Image names currently being processed\n  messageToSend: IMessageToSend | null;\n  /** One-shot restore request consumed by the chat input when empty. */\n  messageRestoreIfEmpty: IMessageToSend | null;\n  shouldShownAgentLoading: boolean;\n  submittedMessage: string | null;\n  shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n  hasRightPanelToggled: boolean;\n  planContent: string | null;\n  conversationMode: ConversationMode;\n  subConversationTaskId: string | null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n  setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n  setSelectedTab: (selectedTab: ConversationTab | null) => void;\n  setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n  setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n  addImages: (images: File[]) => void;\n  addFiles: (files: File[]) => void;\n  toggleImageUploadAsFile: (fileName: string) => void;\n  markImagesAsPasted: (fileNames: string[]) => void;\n  removeImage: (index: number) => void;\n  removeFile: (index: number) => void;\n  clearImages: () => void;\n  clearFiles: () => void;\n  clearAllFiles: () => void;\n  addFileLoading: (fileName: string) => void;\n  removeFileLoading: (fileName: string) => void;\n  addImageLoading: (imageName: string) => void;\n  removeImageLoading: (imageName: string) => void;\n  clearAllLoading: () => void;\n  setMessageToSend: (text: string) => void;\n  restoreMessageToInputIfEmpty: (text: string) => void;\n  clearMessageRestoreIfEmpty: () => void;\n  setSubmittedMessage: (message: string | null) => void;\n  resetConversationState: () => void;\n  setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n  setConversationMode: (conversationMode: ConversationMode) => void;\n  setSubConversationTaskId: (taskId: string | null) => void;\n  setPlanContent: (planContent: string | null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string | null => {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n  return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n  if (typeof window === \"undefined\") {\n    return \"code\";\n  }\n\n  const conversationId = getConversationIdFromLocation();\n  if (!conversationId) {\n    return \"code\";\n  }\n\n  const state = getConversationState(conversationId);\n  return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n  devtools(\n    (set) => ({\n      // Initial state.\n      //\n      // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n      // is intentionally *session-only* state: it always starts closed on\n      // app load (or on opening a fresh/existing conversation after a\n      // restart), but it survives in-app navigation because the Zustand\n      // store stays alive across React Router transitions. Persisting the\n      // open/closed state in localStorage made the panel feel sticky in\n      // a way users didn't expect — they want a clean, focused chat view\n      // when they come back to the app and only want the panel back when\n      // they themselves opened it during the current session.\n      isRightPanelShown: false,\n      selectedTab: \"files\" as ConversationTab,\n      images: [],\n      files: [],\n      imagesMarkedUploadAsFile: [],\n      pastedImageNames: [],\n      loadingFiles: [],\n      loadingImages: [],\n      messageToSend: null,\n      messageRestoreIfEmpty: null,\n      shouldShownAgentLoading: false,\n      submittedMessage: null,\n      shouldHideSuggestions: false,\n      hasRightPanelToggled: false,\n      planContent: null,\n      conversationMode: getInitialConversationMode(),\n      subConversationTaskId: null,\n\n      // Actions\n      setIsRightPanelShown: (isRightPanelShown) =>\n        set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n      setSelectedTab: (selectedTab) =>\n        set({ selectedTab }, false, \"setSelectedTab\"),\n\n      setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n        set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n      setShouldHideSuggestions: (shouldHideSuggestions) =>\n        set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n      addImages: (images) =>\n        set(\n          (state) => ({ images: [...state.images, ...images] }),\n          false,\n          \"addImages\",\n        ),\n\n      addFiles: (files) =>\n        set(\n          (state) => ({ files: [...state.files, ...files] }),\n          false,\n          \"addFiles\",\n        ),\n\n      toggleImageUploadAsFile: (fileName) =>\n        set(\n          (state) => {\n            const marked = new Set(state.imagesMarkedUploadAsFile);\n            if (marked.has(fileName)) {\n              marked.delete(fileName);\n            } else {\n              marked.add(fileName);\n            }\n            return { imagesMarkedUploadAsFile: [...marked] };\n          },\n          false,\n          \"toggleImageUploadAsFile\",\n        ),\n\n      markImagesAsPasted: (fileNames) =>\n        set(\n          (state) => {\n            const merged = new Set([...state.pastedImageNames, ...fileNames]);\n            return { pastedImageNames: [...merged] };\n          },\n          false,\n          \"markImagesAsPasted\",\n        ),\n\n      removeImage: (index) =>\n        set(\n          (state) => {\n            const removed = state.images[index];\n            const newImages = [...state.images];\n            newImages.splice(index, 1);\n            return {\n              images: newImages,\n              imagesMarkedUploadAsFile: removed\n                ? state.imagesMarkedUploadAsFile.filter(\n                    (name) => name !== removed.name,\n                  )\n                : state.imagesMarkedUploadAsFile,\n              pastedImageNames: removed\n                ? state.pastedImageNames.filter((name) => name !== removed.name)\n                : state.pastedImageNames,\n            };\n          },\n          false,\n          \"removeImage\",\n        ),\n\n      removeFile: (index) =>\n        set(\n          (state) => {\n            const newFiles = [...state.files];\n            newFiles.splice(index, 1);\n            return { files: newFiles };\n          },\n          false,\n          \"removeFile\",\n        ),\n\n      clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n      clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n      clearAllFiles: () =>\n        set(\n          {\n            images: [],\n            files: [],\n            imagesMarkedUploadAsFile: [],\n            pastedImageNames: [],\n            loadingFiles: [],\n            loadingImages: [],\n          },\n          false,\n          \"clearAllFiles\",\n        ),\n\n      addFileLoading: (fileName) =>\n        set(\n          (state) => {\n            if (!state.loadingFiles.includes(fileName)) {\n              return { loadingFiles: [...state.loadingFiles, fileName] };\n            }\n            return state;\n          },\n          false,\n          \"addFileLoading\",\n        ),\n\n      removeFileLoading: (fileName) =>\n        set(\n          (state) => ({\n            loadingFiles: state.loadingFiles.filter(\n              (name) => name !== fileName,\n            ),\n          }),\n          false,\n          \"removeFileLoading\",\n        ),\n\n      addImageLoading: (imageName) =>\n        set(\n          (state) => {\n            if (!state.loadingImages.includes(imageName)) {\n              return { loadingImages: [...state.loadingImages, imageName] };\n            }\n            return state;\n          },\n          false,\n          \"addImageLoading\",\n        ),\n\n      removeImageLoading: (imageName) =>\n        set(\n          (state) => ({\n            loadingImages: state.loadingImages.filter(\n              (name) => name !== imageName,\n            ),\n          }),\n          false,\n          \"removeImageLoading\",\n        ),\n\n      clearAllLoading: () =>\n        set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n      setMessageToSend: (text) =>\n        set(\n          {\n            messageToSend: {\n              text,\n              timestamp: Date.now(),\n            },\n          },\n          false,\n          \"setMessageToSend\",\n        ),\n\n      restoreMessageToInputIfEmpty: (text) =>\n        set(\n          {\n            messageRestoreIfEmpty: {\n              text,\n              timestamp: Date.now(),\n            },\n          },\n          false,\n          \"restoreMessageToInputIfEmpty\",\n        ),\n\n      clearMessageRestoreIfEmpty: () =>\n        set(\n          { messageRestoreIfEmpty: null },\n          false,\n          \"clearMessageRestoreIfEmpty\",\n        ),\n\n      setSubmittedMessage: (submittedMessage) =>\n        set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n      resetConversationState: () =>\n        set(\n          {\n            shouldHideSuggestions: false,\n            conversationMode: getInitialConversationMode(),\n            subConversationTaskId: null,\n            planContent: null,\n          },\n          false,\n          \"resetConversationState\",\n        ),\n\n      setHasRightPanelToggled: (hasRightPanelToggled) =>\n        set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n      setConversationMode: (conversationMode) => {\n        const conversationId = getConversationIdFromLocation();\n        if (conversationId) {\n          setConversationState(conversationId, { conversationMode });\n        }\n        set({ conversationMode }, false, \"setConversationMode\");\n      },\n\n      setSubConversationTaskId: (subConversationTaskId) =>\n        set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n      setPlanContent: (planContent) =>\n        set({ planContent }, false, \"setPlanContent\"),\n    }),\n    {\n      name: \"conversation-store\",\n    },\n  ),\n);\n"],"mappings":"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"}

package/dist/types/agent-server/core/events/acp-tool-call-event.d.ts

@@ -6,11 +6,13 @@ import { BaseEvent } from "../base/event";
  */
 export type ACPToolKind = "execute" | "edit" | "read" | "fetch" | "other";
 /**
- * Status of an ACP tool call. Future ACP streaming (software-agent-sdk#2866)
- * will emit multiple events for the same ``tool_call_id`` as the status
- * transitions from ``in_progress`` to a terminal value.
+ * Status of an ACP tool call. The SDK persists two events per
+ * ``tool_call_id``: an early ``started`` event (``pending`` / ``in_progress``)
+ * and one terminal event (``completed`` / ``failed``) — the
+ * action->observation pair. Non-terminal statuses render the card as
+ * "running"; see ``getACPToolCallResult``.
  */
-export type ACPToolCallStatus = "in_progress" | "completed" | "failed";
+export type ACPToolCallStatus = "pending" | "in_progress" | "completed" | "failed";
 /**
  * An ACP content block as surfaced on ``ACPToolCallEvent.content``. ACP
  * allows a mix of text, image, resource and resource_link blocks; only the

package/dist/types/agent-server/core/events/system-event.d.ts

@@ -13,4 +13,9 @@ export interface SystemPromptEvent extends BaseEvent {
      * List of tools in OpenAI tool format
      */
     tools: ChatCompletionToolParam[];
+    /**
+     * Runtime-injected context appended to the system message (datetime, skills,
+     * runtime services, secrets). Optional for older persisted events.
+     */
+    dynamic_context?: TextContent;
 }

package/dist/types/automation.d.ts

@@ -1,7 +1,22 @@
 export interface AutomationTrigger {
+    /**
+     * Trigger kind. Known values are the schedule aliases "cron" / "schedule"
+     * (time-based) and "event" (webhook/event-driven). Kept as `string` rather
+     * than a closed union on purpose: the backend emits more than one
+     * scheduled-trigger alias and may introduce new kinds, so UI code branches
+     * on `type === "event"` and treats every other value as a schedule.
+     */
     type: string;
+    /** Cron expression (schedule triggers only). */
     schedule?: string;
+    /** Human-readable schedule description (schedule triggers only). */
     schedule_human?: string;
+    /** Event source, e.g. "github" (event triggers only). */
+    source?: string;
+    /** Event key pattern(s) to match, e.g. "pull_request.opened" or ["push", "release.*"]. */
+    on?: string | string[];
+    /** JMESPath filter expression evaluated against the raw webhook payload. */
+    filter?: string;
 }
 export interface Automation {
     id: string;

package/dist/types/settings.d.ts

@@ -90,7 +90,9 @@ export type SettingsScope = "personal";
  * - ``"acp"``: the conversation is driven by an external ACP subprocess
  *   (Claude Code / Codex / Gemini CLI / Custom). The LLM / condenser / MCP
  *   settings are inert; ``acp_command`` / ``acp_args`` / ``acp_model`` /
- *   ``acp_env`` / ``acp_server`` apply instead.
+ *   ``acp_server`` apply instead. Provider credentials are supplied through the
+ *   Secrets panel (``request.secrets`` / ``agent_context.secrets``), never
+ *   through a per-agent env channel.
  */
 export type AgentKind = "openhands" | "acp";
 export type Settings = {

package/dist/ui/combobox-caret.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/utils.cjs`);let t=require(`react/jsx-runtime`);function n({className:e}){return(0,t.jsx)(`svg`,{"aria-hidden":!0,fill:`none`,focusable:`false`,height:`1em`,role:`presentation`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1.5,viewBox:`0 0 24 24`,width:`1em`,className:e,children:(0,t.jsx)(`path`,{d:`m6 9 6 6 6-6`})})}var r=`inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none transition-[transform] duration-150 ease motion-reduce:transition-none`,i=e.cn(r,`!rounded-none !bg-transparent data-[hover=true]:!bg-transparent`);function a({isOpen:r,className:i}){return(0,t.jsx)(n,{className:e.cn(`shrink-0 transition-[transform] duration-150 ease motion-reduce:transition-none`,r&&`rotate-180`,i)})}exports.ComboboxCaretIcon=n,exports.ComboboxCaretInline=a,exports.comboboxCaretButtonClassName=r,exports.heroUiAutocompleteSelectorButtonClassName=i;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/utils.cjs`),t=require(`../utils/form-control-classes.cjs`);let n=require(`react/jsx-runtime`);function r({className:e}){return(0,n.jsx)(`svg`,{"aria-hidden":!0,fill:`none`,focusable:`false`,height:`1em`,role:`presentation`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1.5,viewBox:`0 0 24 24`,width:`1em`,className:e,children:(0,n.jsx)(`path`,{d:`m6 9 6 6 6-6`})})}var i=e.cn(`inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none`,t.formControlTransformTransitionClassName),a=e.cn(i,`!rounded-none !bg-transparent data-[hover=true]:!bg-transparent`);function o({isOpen:i,className:a}){return(0,n.jsx)(r,{className:e.cn(`shrink-0`,t.formControlTransformTransitionClassName,i&&`rotate-180`,a)})}exports.ComboboxCaretIcon=r,exports.ComboboxCaretInline=o,exports.comboboxCaretButtonClassName=i,exports.heroUiAutocompleteSelectorButtonClassName=a;
 //# sourceMappingURL=combobox-caret.cjs.map

package/dist/ui/combobox-caret.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-caret.cjs","names":[],"sources":["../../src/ui/combobox-caret.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\nexport function ComboboxCaretIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden\n      fill=\"none\"\n      focusable=\"false\"\n      height=\"1em\"\n      role=\"presentation\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      className={className}\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** Matches HeroUI Autocomplete selectorButton styling. */\nexport const comboboxCaretButtonClassName =\n  \"inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none transition-[transform] duration-150 ease motion-reduce:transition-none\";\n\n/** HeroUI Autocomplete selectorButton slot — keep only chevron rotation animated. */\nexport const heroUiAutocompleteSelectorButtonClassName = cn(\n  comboboxCaretButtonClassName,\n  \"!rounded-none !bg-transparent data-[hover=true]:!bg-transparent\",\n);\n\ninterface ComboboxCaretButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isOpen?: boolean;\n}\n\nexport function ComboboxCaretButton({\n  isOpen,\n  className,\n  disabled,\n  children,\n  ...props\n}: ComboboxCaretButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      className={cn(\n        comboboxCaretButtonClassName,\n        isOpen && \"rotate-180\",\n        disabled && \"cursor-not-allowed opacity-60\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <ComboboxCaretIcon />}\n    </button>\n  );\n}\n\n/** Inline caret for buttons where only the icon rotates, not the whole control. */\nexport function ComboboxCaretInline({\n  isOpen,\n  className,\n}: {\n  isOpen?: boolean;\n  className?: string;\n}) {\n  return (\n    <ComboboxCaretIcon\n      className={cn(\n        \"shrink-0 transition-[transform] duration-150 ease motion-reduce:transition-none\",\n        isOpen && \"rotate-180\",\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":"sHAEA,SAAgB,EAAkB,CAAE,aAAqC,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,KAAK,OACL,UAAU,QACV,OAAO,MACP,KAAK,eACL,OAAO,eACP,cAAc,QACd,eAAe,QACf,YAAa,IACb,QAAQ,YACR,MAAM,MACK,sBAEX,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CAKV,IAAa,EACX,yNAGW,EAA4C,EAAA,GACvD,EACA,kEACD,CA+BD,SAAgB,EAAoB,CAClC,SACA,aAIC,CACD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GACT,kFACA,GAAU,aACV,EACD,CACD,CAAA"}
+{"version":3,"file":"combobox-caret.cjs","names":[],"sources":["../../src/ui/combobox-caret.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransformTransitionClassName } from \"#/utils/form-control-classes\";\n\nexport function ComboboxCaretIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden\n      fill=\"none\"\n      focusable=\"false\"\n      height=\"1em\"\n      role=\"presentation\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      className={className}\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** Matches HeroUI Autocomplete selectorButton styling. */\nexport const comboboxCaretButtonClassName = cn(\n  \"inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none\",\n  formControlTransformTransitionClassName,\n);\n\n/** HeroUI Autocomplete selectorButton slot — keep only chevron rotation animated. */\nexport const heroUiAutocompleteSelectorButtonClassName = cn(\n  comboboxCaretButtonClassName,\n  \"!rounded-none !bg-transparent data-[hover=true]:!bg-transparent\",\n);\n\ninterface ComboboxCaretButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isOpen?: boolean;\n}\n\nexport function ComboboxCaretButton({\n  isOpen,\n  className,\n  disabled,\n  children,\n  ...props\n}: ComboboxCaretButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      className={cn(\n        comboboxCaretButtonClassName,\n        isOpen && \"rotate-180\",\n        disabled && \"cursor-not-allowed opacity-60\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <ComboboxCaretIcon />}\n    </button>\n  );\n}\n\n/** Inline caret for buttons where only the icon rotates, not the whole control. */\nexport function ComboboxCaretInline({\n  isOpen,\n  className,\n}: {\n  isOpen?: boolean;\n  className?: string;\n}) {\n  return (\n    <ComboboxCaretIcon\n      className={cn(\n        \"shrink-0\",\n        formControlTransformTransitionClassName,\n        isOpen && \"rotate-180\",\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":"qKAGA,SAAgB,EAAkB,CAAE,aAAqC,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,KAAK,OACL,UAAU,QACV,OAAO,MACP,KAAK,eACL,OAAO,eACP,cAAc,QACd,eAAe,QACf,YAAa,IACb,QAAQ,YACR,MAAM,MACK,sBAEX,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CAKV,IAAa,EAA+B,EAAA,GAC1C,kJACA,EAAA,wCACD,CAGY,EAA4C,EAAA,GACvD,EACA,kEACD,CA+BD,SAAgB,EAAoB,CAClC,SACA,aAIC,CACD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GACT,WACA,EAAA,wCACA,GAAU,aACV,EACD,CACD,CAAA"}

package/dist/ui/combobox-caret.d.ts

@@ -2,7 +2,7 @@ export declare function ComboboxCaretIcon({ className }: {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 /** Matches HeroUI Autocomplete selectorButton styling. */
-export declare const comboboxCaretButtonClassName = "inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none transition-[transform] duration-150 ease motion-reduce:transition-none";
+export declare const comboboxCaretButtonClassName: string;
 /** HeroUI Autocomplete selectorButton slot — keep only chevron rotation animated. */
 export declare const heroUiAutocompleteSelectorButtonClassName: string;
 interface ComboboxCaretButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {

package/dist/ui/combobox-caret.js

@@ -1,8 +1,9 @@
 import { cn as e } from "../utils/utils.js";
-import { jsx as t } from "react/jsx-runtime";
+import { formControlTransformTransitionClassName as t } from "../utils/form-control-classes.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/ui/combobox-caret.tsx
-function n({ className: e }) {
-	return /* @__PURE__ */ t("svg", {
+function r({ className: e }) {
+	return /* @__PURE__ */ n("svg", {
 		"aria-hidden": !0,
 		fill: "none",
 		focusable: "false",
@@ -15,14 +16,14 @@ function n({ className: e }) {
 		viewBox: "0 0 24 24",
 		width: "1em",
 		className: e,
-		children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
+		children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
 	});
 }
-var r = "inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none transition-[transform] duration-150 ease motion-reduce:transition-none", i = e(r, "!rounded-none !bg-transparent data-[hover=true]:!bg-transparent");
-function a({ isOpen: r, className: i }) {
-	return /* @__PURE__ */ t(n, { className: e("shrink-0 transition-[transform] duration-150 ease motion-reduce:transition-none", r && "rotate-180", i) });
+var i = e("inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none", t), a = e(i, "!rounded-none !bg-transparent data-[hover=true]:!bg-transparent");
+function o({ isOpen: i, className: a }) {
+	return /* @__PURE__ */ n(r, { className: e("shrink-0", t, i && "rotate-180", a) });
 }
 //#endregion
-export { n as ComboboxCaretIcon, a as ComboboxCaretInline, r as comboboxCaretButtonClassName, i as heroUiAutocompleteSelectorButtonClassName };
+export { r as ComboboxCaretIcon, o as ComboboxCaretInline, i as comboboxCaretButtonClassName, a as heroUiAutocompleteSelectorButtonClassName };
 
 //# sourceMappingURL=combobox-caret.js.map

package/dist/ui/combobox-caret.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-caret.js","names":[],"sources":["../../src/ui/combobox-caret.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\nexport function ComboboxCaretIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden\n      fill=\"none\"\n      focusable=\"false\"\n      height=\"1em\"\n      role=\"presentation\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      className={className}\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** Matches HeroUI Autocomplete selectorButton styling. */\nexport const comboboxCaretButtonClassName =\n  \"inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none transition-[transform] duration-150 ease motion-reduce:transition-none\";\n\n/** HeroUI Autocomplete selectorButton slot — keep only chevron rotation animated. */\nexport const heroUiAutocompleteSelectorButtonClassName = cn(\n  comboboxCaretButtonClassName,\n  \"!rounded-none !bg-transparent data-[hover=true]:!bg-transparent\",\n);\n\ninterface ComboboxCaretButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isOpen?: boolean;\n}\n\nexport function ComboboxCaretButton({\n  isOpen,\n  className,\n  disabled,\n  children,\n  ...props\n}: ComboboxCaretButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      className={cn(\n        comboboxCaretButtonClassName,\n        isOpen && \"rotate-180\",\n        disabled && \"cursor-not-allowed opacity-60\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <ComboboxCaretIcon />}\n    </button>\n  );\n}\n\n/** Inline caret for buttons where only the icon rotates, not the whole control. */\nexport function ComboboxCaretInline({\n  isOpen,\n  className,\n}: {\n  isOpen?: boolean;\n  className?: string;\n}) {\n  return (\n    <ComboboxCaretIcon\n      className={cn(\n        \"shrink-0 transition-[transform] duration-150 ease motion-reduce:transition-none\",\n        isOpen && \"rotate-180\",\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,EAAkB,EAAE,gBAAqC;AACvE,QACE,kBAAC,OAAD;EACE,eAAA;EACA,MAAK;EACL,WAAU;EACV,QAAO;EACP,MAAK;EACL,QAAO;EACP,eAAc;EACd,gBAAe;EACf,aAAa;EACb,SAAQ;EACR,OAAM;EACK;YAEX,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACrB,CAAA;;AAKV,IAAa,IACX,0NAGW,IAA4C,EACvD,GACA,kEACD;AA+BD,SAAgB,EAAoB,EAClC,WACA,gBAIC;AACD,QACE,kBAAC,GAAD,EACE,WAAW,EACT,mFACA,KAAU,cACV,EACD,EACD,CAAA"}
+{"version":3,"file":"combobox-caret.js","names":[],"sources":["../../src/ui/combobox-caret.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransformTransitionClassName } from \"#/utils/form-control-classes\";\n\nexport function ComboboxCaretIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden\n      fill=\"none\"\n      focusable=\"false\"\n      height=\"1em\"\n      role=\"presentation\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      className={className}\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** Matches HeroUI Autocomplete selectorButton styling. */\nexport const comboboxCaretButtonClassName = cn(\n  \"inline-flex items-center justify-center shrink-0 rounded-none bg-transparent px-1 min-w-0 w-auto h-auto text-medium cursor-pointer outline-none\",\n  formControlTransformTransitionClassName,\n);\n\n/** HeroUI Autocomplete selectorButton slot — keep only chevron rotation animated. */\nexport const heroUiAutocompleteSelectorButtonClassName = cn(\n  comboboxCaretButtonClassName,\n  \"!rounded-none !bg-transparent data-[hover=true]:!bg-transparent\",\n);\n\ninterface ComboboxCaretButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isOpen?: boolean;\n}\n\nexport function ComboboxCaretButton({\n  isOpen,\n  className,\n  disabled,\n  children,\n  ...props\n}: ComboboxCaretButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      className={cn(\n        comboboxCaretButtonClassName,\n        isOpen && \"rotate-180\",\n        disabled && \"cursor-not-allowed opacity-60\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <ComboboxCaretIcon />}\n    </button>\n  );\n}\n\n/** Inline caret for buttons where only the icon rotates, not the whole control. */\nexport function ComboboxCaretInline({\n  isOpen,\n  className,\n}: {\n  isOpen?: boolean;\n  className?: string;\n}) {\n  return (\n    <ComboboxCaretIcon\n      className={cn(\n        \"shrink-0\",\n        formControlTransformTransitionClassName,\n        isOpen && \"rotate-180\",\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,EAAkB,EAAE,gBAAqC;AACvE,QACE,kBAAC,OAAD;EACE,eAAA;EACA,MAAK;EACL,WAAU;EACV,QAAO;EACP,MAAK;EACL,QAAO;EACP,eAAc;EACd,gBAAe;EACf,aAAa;EACb,SAAQ;EACR,OAAM;EACK;YAEX,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACrB,CAAA;;AAKV,IAAa,IAA+B,EAC1C,mJACA,EACD,EAGY,IAA4C,EACvD,GACA,kEACD;AA+BD,SAAgB,EAAoB,EAClC,WACA,gBAIC;AACD,QACE,kBAAC,GAAD,EACE,WAAW,EACT,YACA,GACA,KAAU,cACV,EACD,EACD,CAAA"}

package/dist/ui/context-menu.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../utils/utils.cjs`),n=require(`../node_modules/class-variance-authority/dist/index.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=n.cva(`z-50 overflow-hidden text-[var(--oh-foreground)]`,{variants:{theme:{default:`absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg`,naked:`relative`,popover:`relative rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg`},size:{compact:`py-1 px-1`,default:``},layout:{vertical:`flex flex-col gap-0`},position:{top:`bottom-full`,bottom:`top-full`,none:``},spacing:{default:`mt-2`,none:``},alignment:{left:`left-0`,right:`right-0`,none:``}},compoundVariants:[{theme:`naked`,className:`shadow-none`}],defaultVariants:{theme:`default`,size:`default`,layout:`vertical`,spacing:`default`}});function o({testId:e,children:n,className:r,style:o,ref:s,theme:c,size:l,layout:u,position:d,spacing:f,alignment:p}){return(0,i.jsx)(`ul`,{"data-testid":e,"data-position":d,ref:s,style:o,className:t.cn(a({theme:c,size:l,layout:u,position:d,spacing:f,alignment:p}),r),children:n})}exports.ContextMenu=o;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../utils/utils.cjs`),n=require(`../node_modules/class-variance-authority/dist/index.cjs`),r=require(`../utils/dropdown-classes.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=n.cva(`z-50 overflow-hidden text-[var(--oh-foreground)]`,{variants:{theme:{default:`absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg`,naked:`relative`,popover:`relative rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg`},size:{compact:`py-1 px-1`,default:``},layout:{vertical:t.cn(`flex flex-col`,r.dropdownMenuListGapClassName)},position:{top:`bottom-full`,bottom:`top-full`,none:``},spacing:{default:`mt-2`,none:``},alignment:{left:`left-0`,right:`right-0`,none:``}},compoundVariants:[{theme:`naked`,className:`shadow-none`}],defaultVariants:{theme:`default`,size:`default`,layout:`vertical`,spacing:`default`}});function s({testId:e,children:n,className:r,style:i,ref:s,theme:c,size:l,layout:u,position:d,spacing:f,alignment:p}){return(0,a.jsx)(`ul`,{"data-testid":e,"data-position":d,ref:s,style:i,className:t.cn(o({theme:c,size:l,layout:u,position:d,spacing:f,alignment:p}),r),children:n})}exports.ContextMenu=s;
 //# sourceMappingURL=context-menu.cjs.map

package/dist/ui/context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.cjs","names":[],"sources":["../../src/ui/context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"#/utils/utils\";\n\nconst contextMenuVariants = cva(\n  \"z-50 overflow-hidden text-[var(--oh-foreground)]\",\n  {\n    variants: {\n      theme: {\n        default:\n          \"absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n        naked: \"relative\",\n        /** In document-body portal; coordinates come from inline `style`. */\n        popover:\n          \"relative rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n      },\n      size: {\n        compact: \"py-1 px-1\",\n        default: \"\",\n      },\n      layout: {\n        vertical: \"flex flex-col gap-0\",\n      },\n      position: {\n        top: \"bottom-full\",\n        bottom: \"top-full\",\n        none: \"\",\n      },\n      spacing: {\n        default: \"mt-2\",\n        none: \"\",\n      },\n      alignment: {\n        left: \"left-0\",\n        right: \"right-0\",\n        none: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        theme: \"naked\",\n        className: \"shadow-none\",\n      },\n    ],\n    defaultVariants: {\n      theme: \"default\",\n      size: \"default\",\n      layout: \"vertical\",\n      spacing: \"default\",\n    },\n  },\n);\n\ninterface ContextMenuProps {\n  ref?: React.RefObject<HTMLUListElement | null>;\n  testId?: string;\n  children: React.ReactNode;\n  className?: React.HTMLAttributes<HTMLUListElement>[\"className\"];\n  style?: React.CSSProperties;\n  theme?: VariantProps<typeof contextMenuVariants>[\"theme\"];\n  size?: VariantProps<typeof contextMenuVariants>[\"size\"];\n  layout?: VariantProps<typeof contextMenuVariants>[\"layout\"];\n  position?: VariantProps<typeof contextMenuVariants>[\"position\"];\n  spacing?: VariantProps<typeof contextMenuVariants>[\"spacing\"];\n  alignment?: VariantProps<typeof contextMenuVariants>[\"alignment\"];\n}\n\nexport function ContextMenu({\n  testId,\n  children,\n  className,\n  style,\n  ref,\n  theme,\n  size,\n  layout,\n  position,\n  spacing,\n  alignment,\n}: ContextMenuProps) {\n  return (\n    <ul\n      data-testid={testId}\n      data-position={position}\n      ref={ref}\n      style={style}\n      className={cn(\n        contextMenuVariants({\n          theme,\n          size,\n          layout,\n          position,\n          spacing,\n          alignment,\n        }),\n        className,\n      )}\n    >\n      {children}\n    </ul>\n  );\n}\n"],"mappings":"qOAIA,IAAM,EAAsB,EAAA,IAC1B,mDACA,CACE,SAAU,CACR,MAAO,CACL,QACE,8FACF,MAAO,WAEP,QACE,8FACH,CACD,KAAM,CACJ,QAAS,YACT,QAAS,GACV,CACD,OAAQ,CACN,SAAU,sBACX,CACD,SAAU,CACR,IAAK,cACL,OAAQ,WACR,KAAM,GACP,CACD,QAAS,CACP,QAAS,OACT,KAAM,GACP,CACD,UAAW,CACT,KAAM,SACN,MAAO,UACP,KAAM,GACP,CACF,CACD,iBAAkB,CAChB,CACE,MAAO,QACP,UAAW,cACZ,CACF,CACD,gBAAiB,CACf,MAAO,UACP,KAAM,UACN,OAAQ,WACR,QAAS,UACV,CACF,CACF,CAgBD,SAAgB,EAAY,CAC1B,SACA,WACA,YACA,QACA,MACA,QACA,OACA,SACA,WACA,UACA,aACmB,CACnB,OACE,EAAA,EAAA,KAAC,KAAD,CACE,cAAa,EACb,gBAAe,EACV,MACE,QACP,UAAW,EAAA,GACT,EAAoB,CAClB,QACA,OACA,SACA,WACA,UACA,YACD,CAAC,CACF,EACD,CAEA,WACE,CAAA"}
+{"version":3,"file":"context-menu.cjs","names":[],"sources":["../../src/ui/context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"#/utils/utils\";\nimport { dropdownMenuListGapClassName } from \"#/utils/dropdown-classes\";\n\nconst contextMenuVariants = cva(\n  \"z-50 overflow-hidden text-[var(--oh-foreground)]\",\n  {\n    variants: {\n      theme: {\n        default:\n          \"absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n        naked: \"relative\",\n        /** In document-body portal; coordinates come from inline `style`. */\n        popover:\n          \"relative rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n      },\n      size: {\n        compact: \"py-1 px-1\",\n        default: \"\",\n      },\n      layout: {\n        vertical: cn(\"flex flex-col\", dropdownMenuListGapClassName),\n      },\n      position: {\n        top: \"bottom-full\",\n        bottom: \"top-full\",\n        none: \"\",\n      },\n      spacing: {\n        default: \"mt-2\",\n        none: \"\",\n      },\n      alignment: {\n        left: \"left-0\",\n        right: \"right-0\",\n        none: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        theme: \"naked\",\n        className: \"shadow-none\",\n      },\n    ],\n    defaultVariants: {\n      theme: \"default\",\n      size: \"default\",\n      layout: \"vertical\",\n      spacing: \"default\",\n    },\n  },\n);\n\ninterface ContextMenuProps {\n  ref?: React.RefObject<HTMLUListElement | null>;\n  testId?: string;\n  children: React.ReactNode;\n  className?: React.HTMLAttributes<HTMLUListElement>[\"className\"];\n  style?: React.CSSProperties;\n  theme?: VariantProps<typeof contextMenuVariants>[\"theme\"];\n  size?: VariantProps<typeof contextMenuVariants>[\"size\"];\n  layout?: VariantProps<typeof contextMenuVariants>[\"layout\"];\n  position?: VariantProps<typeof contextMenuVariants>[\"position\"];\n  spacing?: VariantProps<typeof contextMenuVariants>[\"spacing\"];\n  alignment?: VariantProps<typeof contextMenuVariants>[\"alignment\"];\n}\n\nexport function ContextMenu({\n  testId,\n  children,\n  className,\n  style,\n  ref,\n  theme,\n  size,\n  layout,\n  position,\n  spacing,\n  alignment,\n}: ContextMenuProps) {\n  return (\n    <ul\n      data-testid={testId}\n      data-position={position}\n      ref={ref}\n      style={style}\n      className={cn(\n        contextMenuVariants({\n          theme,\n          size,\n          layout,\n          position,\n          spacing,\n          alignment,\n        }),\n        className,\n      )}\n    >\n      {children}\n    </ul>\n  );\n}\n"],"mappings":"gRAKA,IAAM,EAAsB,EAAA,IAC1B,mDACA,CACE,SAAU,CACR,MAAO,CACL,QACE,8FACF,MAAO,WAEP,QACE,8FACH,CACD,KAAM,CACJ,QAAS,YACT,QAAS,GACV,CACD,OAAQ,CACN,SAAU,EAAA,GAAG,gBAAiB,EAAA,6BAA6B,CAC5D,CACD,SAAU,CACR,IAAK,cACL,OAAQ,WACR,KAAM,GACP,CACD,QAAS,CACP,QAAS,OACT,KAAM,GACP,CACD,UAAW,CACT,KAAM,SACN,MAAO,UACP,KAAM,GACP,CACF,CACD,iBAAkB,CAChB,CACE,MAAO,QACP,UAAW,cACZ,CACF,CACD,gBAAiB,CACf,MAAO,UACP,KAAM,UACN,OAAQ,WACR,QAAS,UACV,CACF,CACF,CAgBD,SAAgB,EAAY,CAC1B,SACA,WACA,YACA,QACA,MACA,QACA,OACA,SACA,WACA,UACA,aACmB,CACnB,OACE,EAAA,EAAA,KAAC,KAAD,CACE,cAAa,EACb,gBAAe,EACV,MACE,QACP,UAAW,EAAA,GACT,EAAoB,CAClB,QACA,OACA,SACA,WACA,UACA,YACD,CAAC,CACF,EACD,CAEA,WACE,CAAA"}

package/dist/ui/context-menu.js

@@ -1,9 +1,10 @@
 import { cn as e } from "../utils/utils.js";
 import { cva as t } from "../node_modules/class-variance-authority/dist/index.js";
+import { dropdownMenuListGapClassName as n } from "../utils/dropdown-classes.js";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/ui/context-menu.tsx
-var r = t("z-50 overflow-hidden text-[var(--oh-foreground)]", {
+var i = t("z-50 overflow-hidden text-[var(--oh-foreground)]", {
 	variants: {
 		theme: {
 			default: "absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg",
@@ -14,7 +15,7 @@ var r = t("z-50 overflow-hidden text-[var(--oh-foreground)]", {
 			compact: "py-1 px-1",
 			default: ""
 		},
-		layout: { vertical: "flex flex-col gap-0" },
+		layout: { vertical: e("flex flex-col", n) },
 		position: {
 			top: "bottom-full",
 			bottom: "top-full",
@@ -41,13 +42,13 @@ var r = t("z-50 overflow-hidden text-[var(--oh-foreground)]", {
 		spacing: "default"
 	}
 });
-function i({ testId: t, children: i, className: a, style: o, ref: s, theme: c, size: l, layout: u, position: d, spacing: f, alignment: p }) {
-	return /* @__PURE__ */ n("ul", {
+function a({ testId: t, children: n, className: a, style: o, ref: s, theme: c, size: l, layout: u, position: d, spacing: f, alignment: p }) {
+	return /* @__PURE__ */ r("ul", {
 		"data-testid": t,
 		"data-position": d,
 		ref: s,
 		style: o,
-		className: e(r({
+		className: e(i({
 			theme: c,
 			size: l,
 			layout: u,
@@ -55,10 +56,10 @@ function i({ testId: t, children: i, className: a, style: o, ref: s, theme: c, s
 			spacing: f,
 			alignment: p
 		}), a),
-		children: i
+		children: n
 	});
 }
 //#endregion
-export { i as ContextMenu };
+export { a as ContextMenu };
 
 //# sourceMappingURL=context-menu.js.map

package/dist/ui/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":[],"sources":["../../src/ui/context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"#/utils/utils\";\n\nconst contextMenuVariants = cva(\n  \"z-50 overflow-hidden text-[var(--oh-foreground)]\",\n  {\n    variants: {\n      theme: {\n        default:\n          \"absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n        naked: \"relative\",\n        /** In document-body portal; coordinates come from inline `style`. */\n        popover:\n          \"relative rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n      },\n      size: {\n        compact: \"py-1 px-1\",\n        default: \"\",\n      },\n      layout: {\n        vertical: \"flex flex-col gap-0\",\n      },\n      position: {\n        top: \"bottom-full\",\n        bottom: \"top-full\",\n        none: \"\",\n      },\n      spacing: {\n        default: \"mt-2\",\n        none: \"\",\n      },\n      alignment: {\n        left: \"left-0\",\n        right: \"right-0\",\n        none: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        theme: \"naked\",\n        className: \"shadow-none\",\n      },\n    ],\n    defaultVariants: {\n      theme: \"default\",\n      size: \"default\",\n      layout: \"vertical\",\n      spacing: \"default\",\n    },\n  },\n);\n\ninterface ContextMenuProps {\n  ref?: React.RefObject<HTMLUListElement | null>;\n  testId?: string;\n  children: React.ReactNode;\n  className?: React.HTMLAttributes<HTMLUListElement>[\"className\"];\n  style?: React.CSSProperties;\n  theme?: VariantProps<typeof contextMenuVariants>[\"theme\"];\n  size?: VariantProps<typeof contextMenuVariants>[\"size\"];\n  layout?: VariantProps<typeof contextMenuVariants>[\"layout\"];\n  position?: VariantProps<typeof contextMenuVariants>[\"position\"];\n  spacing?: VariantProps<typeof contextMenuVariants>[\"spacing\"];\n  alignment?: VariantProps<typeof contextMenuVariants>[\"alignment\"];\n}\n\nexport function ContextMenu({\n  testId,\n  children,\n  className,\n  style,\n  ref,\n  theme,\n  size,\n  layout,\n  position,\n  spacing,\n  alignment,\n}: ContextMenuProps) {\n  return (\n    <ul\n      data-testid={testId}\n      data-position={position}\n      ref={ref}\n      style={style}\n      className={cn(\n        contextMenuVariants({\n          theme,\n          size,\n          layout,\n          position,\n          spacing,\n          alignment,\n        }),\n        className,\n      )}\n    >\n      {children}\n    </ul>\n  );\n}\n"],"mappings":";;;;;AAIA,IAAM,IAAsB,EAC1B,oDACA;CACE,UAAU;EACR,OAAO;GACL,SACE;GACF,OAAO;GAEP,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACV;EACD,QAAQ,EACN,UAAU,uBACX;EACD,UAAU;GACR,KAAK;GACL,QAAQ;GACR,MAAM;GACP;EACD,SAAS;GACP,SAAS;GACT,MAAM;GACP;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACP,MAAM;GACP;EACF;CACD,kBAAkB,CAChB;EACE,OAAO;EACP,WAAW;EACZ,CACF;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACV;CACF,CACF;AAgBD,SAAgB,EAAY,EAC1B,WACA,aACA,cACA,UACA,QACA,UACA,SACA,WACA,aACA,YACA,gBACmB;AACnB,QACE,kBAAC,MAAD;EACE,eAAa;EACb,iBAAe;EACV;EACE;EACP,WAAW,EACT,EAAoB;GAClB;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EACF,EACD;EAEA;EACE,CAAA"}
+{"version":3,"file":"context-menu.js","names":[],"sources":["../../src/ui/context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"#/utils/utils\";\nimport { dropdownMenuListGapClassName } from \"#/utils/dropdown-classes\";\n\nconst contextMenuVariants = cva(\n  \"z-50 overflow-hidden text-[var(--oh-foreground)]\",\n  {\n    variants: {\n      theme: {\n        default:\n          \"absolute rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n        naked: \"relative\",\n        /** In document-body portal; coordinates come from inline `style`. */\n        popover:\n          \"relative rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg\",\n      },\n      size: {\n        compact: \"py-1 px-1\",\n        default: \"\",\n      },\n      layout: {\n        vertical: cn(\"flex flex-col\", dropdownMenuListGapClassName),\n      },\n      position: {\n        top: \"bottom-full\",\n        bottom: \"top-full\",\n        none: \"\",\n      },\n      spacing: {\n        default: \"mt-2\",\n        none: \"\",\n      },\n      alignment: {\n        left: \"left-0\",\n        right: \"right-0\",\n        none: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        theme: \"naked\",\n        className: \"shadow-none\",\n      },\n    ],\n    defaultVariants: {\n      theme: \"default\",\n      size: \"default\",\n      layout: \"vertical\",\n      spacing: \"default\",\n    },\n  },\n);\n\ninterface ContextMenuProps {\n  ref?: React.RefObject<HTMLUListElement | null>;\n  testId?: string;\n  children: React.ReactNode;\n  className?: React.HTMLAttributes<HTMLUListElement>[\"className\"];\n  style?: React.CSSProperties;\n  theme?: VariantProps<typeof contextMenuVariants>[\"theme\"];\n  size?: VariantProps<typeof contextMenuVariants>[\"size\"];\n  layout?: VariantProps<typeof contextMenuVariants>[\"layout\"];\n  position?: VariantProps<typeof contextMenuVariants>[\"position\"];\n  spacing?: VariantProps<typeof contextMenuVariants>[\"spacing\"];\n  alignment?: VariantProps<typeof contextMenuVariants>[\"alignment\"];\n}\n\nexport function ContextMenu({\n  testId,\n  children,\n  className,\n  style,\n  ref,\n  theme,\n  size,\n  layout,\n  position,\n  spacing,\n  alignment,\n}: ContextMenuProps) {\n  return (\n    <ul\n      data-testid={testId}\n      data-position={position}\n      ref={ref}\n      style={style}\n      className={cn(\n        contextMenuVariants({\n          theme,\n          size,\n          layout,\n          position,\n          spacing,\n          alignment,\n        }),\n        className,\n      )}\n    >\n      {children}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAsB,EAC1B,oDACA;CACE,UAAU;EACR,OAAO;GACL,SACE;GACF,OAAO;GAEP,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACV;EACD,QAAQ,EACN,UAAU,EAAG,iBAAiB,EAA6B,EAC5D;EACD,UAAU;GACR,KAAK;GACL,QAAQ;GACR,MAAM;GACP;EACD,SAAS;GACP,SAAS;GACT,MAAM;GACP;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACP,MAAM;GACP;EACF;CACD,kBAAkB,CAChB;EACE,OAAO;EACP,WAAW;EACZ,CACF;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACV;CACF,CACF;AAgBD,SAAgB,EAAY,EAC1B,WACA,aACA,cACA,UACA,QACA,UACA,SACA,WACA,aACA,YACA,gBACmB;AACnB,QACE,kBAAC,MAAD;EACE,eAAa;EACb,iBAAe;EACV;EACE;EACP,WAAW,EACT,EAAoB;GAClB;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EACF,EACD;EAEA;EACE,CAAA"}

package/dist/ui/dropdown/dropdown-menu.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/utils.cjs`),n=require(`../divider.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({isOpen:e,filteredOptions:r,selectedItem:a,emptyMessage:o,getMenuProps:s,getItemProps:c,footer:l,openUpward:u=!1,fitContent:d=!1}){return(0,i.jsxs)(`div`,{className:t.cn(`absolute z-50 overflow-hidden text-white`,d?`min-w-full w-max`:`w-full`,u?`bottom-full mb-1`:`mt-1`,`bg-tertiary rounded-[6px] context-menu-box-shadow p-1`,`max-h-60 overflow-auto`,!e&&`hidden`),children:[(0,i.jsxs)(`ul`,{...s({className:`p-0`}),children:[e&&r.length===0&&(0,i.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,children:o}),e&&r.map((e,n)=>(0,i.jsxs)(`li`,{...c({item:e,index:n,className:t.cn(`px-2 py-2 cursor-pointer text-sm rounded`,`text-white focus:outline-none font-normal`,`flex items-center gap-2`,a?.value===e.value?`bg-[var(--oh-interactive-selected)] text-white`:`hover:bg-[var(--oh-interactive-hover)]`)}),children:[e.prefix,(0,i.jsx)(`span`,{className:`min-w-0 truncate`,children:e.label})]},e.value))]}),e&&l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.Divider,{inset:`menu`}),(0,i.jsx)(`div`,{className:`p-0`,children:l})]}):null]})}exports.DropdownMenu=a;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/utils.cjs`),n=require(`../../utils/dropdown-classes.cjs`),r=require(`../divider.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({isOpen:e,filteredOptions:i,selectedItem:o,emptyMessage:s,getMenuProps:c,getItemProps:l,footer:u,openUpward:d=!1,fitContent:f=!1}){return(0,a.jsxs)(`div`,{className:t.cn(`absolute z-50 overflow-hidden text-white`,f?`min-w-full w-max`:`w-full`,d?`bottom-full mb-1`:`mt-1`,`bg-tertiary rounded-[6px] context-menu-box-shadow p-1`,`max-h-60 overflow-auto`,!e&&`hidden`),children:[(0,a.jsxs)(`ul`,{...c({className:t.cn(`p-0`,n.dropdownMenuListClassName)}),children:[e&&i.length===0&&(0,a.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,children:s}),e&&i.map((e,r)=>(0,a.jsxs)(`li`,{...l({item:e,index:r,className:t.cn(n.dropdownMenuRowClassName,`focus:outline-none`,o?.value===e.value&&`bg-[var(--oh-interactive-selected)] text-white`)}),children:[e.prefix?(0,a.jsx)(`span`,{className:n.dropdownMenuRowIconWrapperClassName,children:e.prefix}):null,(0,a.jsx)(`span`,{className:`min-w-0 truncate`,children:e.label})]},e.value))]}),e&&u?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Divider,{inset:`menu`}),(0,a.jsx)(`div`,{className:`p-0`,children:u})]}):null]})}exports.DropdownMenu=o;
 //# sourceMappingURL=dropdown-menu.cjs.map

package/dist/ui/dropdown/dropdown-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.cjs","names":[],"sources":["../../../src/ui/dropdown/dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\n\ninterface DropdownMenuProps {\n  isOpen: boolean;\n  filteredOptions: DropdownOption[];\n  selectedItem: DropdownOption | null;\n  emptyMessage: string;\n  getMenuProps: (props?: object) => object;\n  getItemProps: (props: {\n    item: DropdownOption;\n    index: number;\n    className?: string;\n  }) => object;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  fitContent?: boolean;\n}\n\nexport function DropdownMenu({\n  isOpen,\n  filteredOptions,\n  selectedItem,\n  emptyMessage,\n  getMenuProps,\n  getItemProps,\n  footer,\n  openUpward = false,\n  fitContent = false,\n}: DropdownMenuProps) {\n  return (\n    <div\n      className={cn(\n        \"absolute z-50 overflow-hidden text-white\",\n        fitContent ? \"min-w-full w-max\" : \"w-full\",\n        openUpward ? \"bottom-full mb-1\" : \"mt-1\",\n        \"bg-tertiary rounded-[6px] context-menu-box-shadow p-1\",\n        \"max-h-60 overflow-auto\",\n        !isOpen && \"hidden\",\n      )}\n    >\n      <ul {...getMenuProps({ className: \"p-0\" })}>\n        {isOpen && filteredOptions.length === 0 && (\n          <li className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\">\n            {emptyMessage}\n          </li>\n        )}\n        {isOpen &&\n          filteredOptions.map((option, index) => (\n            <li\n              key={option.value}\n              {...getItemProps({\n                item: option,\n                index,\n                className: cn(\n                  \"px-2 py-2 cursor-pointer text-sm rounded\",\n                  \"text-white focus:outline-none font-normal\",\n                  \"flex items-center gap-2\",\n                  selectedItem?.value === option.value\n                    ? \"bg-[var(--oh-interactive-selected)] text-white\"\n                    : \"hover:bg-[var(--oh-interactive-hover)]\",\n                ),\n              })}\n            >\n              {option.prefix}\n              <span className=\"min-w-0 truncate\">{option.label}</span>\n            </li>\n          ))}\n      </ul>\n      {isOpen && footer ? (\n        <>\n          <Divider inset=\"menu\" />\n          <div className=\"p-0\">{footer}</div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"kMAqBA,SAAgB,EAAa,CAC3B,SACA,kBACA,eACA,eACA,eACA,eACA,SACA,aAAa,GACb,aAAa,IACO,CACpB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,2CACA,EAAa,mBAAqB,SAClC,EAAa,mBAAqB,OAClC,wDACA,yBACA,CAAC,GAAU,SACZ,UARH,EAUE,EAAA,EAAA,MAAC,KAAD,CAAI,GAAI,EAAa,CAAE,UAAW,MAAO,CAAC,UAA1C,CACG,GAAU,EAAgB,SAAW,IACpC,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,2DACX,EACE,CAAA,CAEN,GACC,EAAgB,KAAK,EAAQ,KAC3B,EAAA,EAAA,MAAC,KAAD,CAEE,GAAI,EAAa,CACf,KAAM,EACN,QACA,UAAW,EAAA,GACT,2CACA,4CACA,0BACA,GAAc,QAAU,EAAO,MAC3B,iDACA,yCACL,CACF,CAAC,UAbJ,CAeG,EAAO,QACR,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAAoB,EAAO,MAAa,CAAA,CACrD,EAhBE,EAAO,MAgBT,CACL,CACD,GACJ,GAAU,GACT,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,MAAM,OAAS,CAAA,EACxB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,eAAO,EAAa,CAAA,CAClC,CAAA,CAAA,CACD,KACA"}
+{"version":3,"file":"dropdown-menu.cjs","names":[],"sources":["../../../src/ui/dropdown/dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\nimport {\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface DropdownMenuProps {\n  isOpen: boolean;\n  filteredOptions: DropdownOption[];\n  selectedItem: DropdownOption | null;\n  emptyMessage: string;\n  getMenuProps: (props?: object) => object;\n  getItemProps: (props: {\n    item: DropdownOption;\n    index: number;\n    className?: string;\n  }) => object;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  fitContent?: boolean;\n}\n\nexport function DropdownMenu({\n  isOpen,\n  filteredOptions,\n  selectedItem,\n  emptyMessage,\n  getMenuProps,\n  getItemProps,\n  footer,\n  openUpward = false,\n  fitContent = false,\n}: DropdownMenuProps) {\n  return (\n    <div\n      className={cn(\n        \"absolute z-50 overflow-hidden text-white\",\n        fitContent ? \"min-w-full w-max\" : \"w-full\",\n        openUpward ? \"bottom-full mb-1\" : \"mt-1\",\n        \"bg-tertiary rounded-[6px] context-menu-box-shadow p-1\",\n        \"max-h-60 overflow-auto\",\n        !isOpen && \"hidden\",\n      )}\n    >\n      <ul\n        {...getMenuProps({ className: cn(\"p-0\", dropdownMenuListClassName) })}\n      >\n        {isOpen && filteredOptions.length === 0 && (\n          <li className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\">\n            {emptyMessage}\n          </li>\n        )}\n        {isOpen &&\n          filteredOptions.map((option, index) => (\n            <li\n              key={option.value}\n              {...getItemProps({\n                item: option,\n                index,\n                className: cn(\n                  dropdownMenuRowClassName,\n                  \"focus:outline-none\",\n                  selectedItem?.value === option.value &&\n                    \"bg-[var(--oh-interactive-selected)] text-white\",\n                ),\n              })}\n            >\n              {option.prefix ? (\n                <span className={dropdownMenuRowIconWrapperClassName}>\n                  {option.prefix}\n                </span>\n              ) : null}\n              <span className=\"min-w-0 truncate\">{option.label}</span>\n            </li>\n          ))}\n      </ul>\n      {isOpen && footer ? (\n        <>\n          <Divider inset=\"menu\" />\n          <div className=\"p-0\">{footer}</div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"gPA0BA,SAAgB,EAAa,CAC3B,SACA,kBACA,eACA,eACA,eACA,eACA,SACA,aAAa,GACb,aAAa,IACO,CACpB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,2CACA,EAAa,mBAAqB,SAClC,EAAa,mBAAqB,OAClC,wDACA,yBACA,CAAC,GAAU,SACZ,UARH,EAUE,EAAA,EAAA,MAAC,KAAD,CACE,GAAI,EAAa,CAAE,UAAW,EAAA,GAAG,MAAO,EAAA,0BAA0B,CAAE,CAAC,UADvE,CAGG,GAAU,EAAgB,SAAW,IACpC,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,2DACX,EACE,CAAA,CAEN,GACC,EAAgB,KAAK,EAAQ,KAC3B,EAAA,EAAA,MAAC,KAAD,CAEE,GAAI,EAAa,CACf,KAAM,EACN,QACA,UAAW,EAAA,GACT,EAAA,yBACA,qBACA,GAAc,QAAU,EAAO,OAC7B,iDACH,CACF,CAAC,UAXJ,CAaG,EAAO,QACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,6CACd,EAAO,OACH,CAAA,CACL,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAAoB,EAAO,MAAa,CAAA,CACrD,EAlBE,EAAO,MAkBT,CACL,CACD,GACJ,GAAU,GACT,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,MAAM,OAAS,CAAA,EACxB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,eAAO,EAAa,CAAA,CAClC,CAAA,CAAA,CACD,KACA"}

package/dist/ui/dropdown/dropdown-menu.js

@@ -1,34 +1,38 @@
 import { cn as e } from "../../utils/utils.js";
-import { Divider as t } from "../divider.js";
+import { dropdownMenuListClassName as t, dropdownMenuRowClassName as n, dropdownMenuRowIconWrapperClassName as r } from "../../utils/dropdown-classes.js";
+import { Divider as i } from "../divider.js";
 import "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/ui/dropdown/dropdown-menu.tsx
-function a({ isOpen: a, filteredOptions: o, selectedItem: s, emptyMessage: c, getMenuProps: l, getItemProps: u, footer: d, openUpward: f = !1, fitContent: p = !1 }) {
-	return /* @__PURE__ */ i("div", {
-		className: e("absolute z-50 overflow-hidden text-white", p ? "min-w-full w-max" : "w-full", f ? "bottom-full mb-1" : "mt-1", "bg-tertiary rounded-[6px] context-menu-box-shadow p-1", "max-h-60 overflow-auto", !a && "hidden"),
-		children: [/* @__PURE__ */ i("ul", {
-			...l({ className: "p-0" }),
-			children: [a && o.length === 0 && /* @__PURE__ */ r("li", {
+function c({ isOpen: c, filteredOptions: l, selectedItem: u, emptyMessage: d, getMenuProps: f, getItemProps: p, footer: m, openUpward: h = !1, fitContent: g = !1 }) {
+	return /* @__PURE__ */ s("div", {
+		className: e("absolute z-50 overflow-hidden text-white", g ? "min-w-full w-max" : "w-full", h ? "bottom-full mb-1" : "mt-1", "bg-tertiary rounded-[6px] context-menu-box-shadow p-1", "max-h-60 overflow-auto", !c && "hidden"),
+		children: [/* @__PURE__ */ s("ul", {
+			...f({ className: e("p-0", t) }),
+			children: [c && l.length === 0 && /* @__PURE__ */ o("li", {
 				className: "px-2 py-2 text-sm text-[var(--oh-muted)] italic",
-				children: c
-			}), a && o.map((t, n) => /* @__PURE__ */ i("li", {
-				...u({
+				children: d
+			}), c && l.map((t, i) => /* @__PURE__ */ s("li", {
+				...p({
 					item: t,
-					index: n,
-					className: e("px-2 py-2 cursor-pointer text-sm rounded", "text-white focus:outline-none font-normal", "flex items-center gap-2", s?.value === t.value ? "bg-[var(--oh-interactive-selected)] text-white" : "hover:bg-[var(--oh-interactive-hover)]")
+					index: i,
+					className: e(n, "focus:outline-none", u?.value === t.value && "bg-[var(--oh-interactive-selected)] text-white")
 				}),
-				children: [t.prefix, /* @__PURE__ */ r("span", {
+				children: [t.prefix ? /* @__PURE__ */ o("span", {
+					className: r,
+					children: t.prefix
+				}) : null, /* @__PURE__ */ o("span", {
 					className: "min-w-0 truncate",
 					children: t.label
 				})]
 			}, t.value))]
-		}), a && d ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, { inset: "menu" }), /* @__PURE__ */ r("div", {
+		}), c && m ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, { inset: "menu" }), /* @__PURE__ */ o("div", {
 			className: "p-0",
-			children: d
+			children: m
 		})] }) : null]
 	});
 }
 //#endregion
-export { a as DropdownMenu };
+export { c as DropdownMenu };
 
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/ui/dropdown/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../../src/ui/dropdown/dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\n\ninterface DropdownMenuProps {\n  isOpen: boolean;\n  filteredOptions: DropdownOption[];\n  selectedItem: DropdownOption | null;\n  emptyMessage: string;\n  getMenuProps: (props?: object) => object;\n  getItemProps: (props: {\n    item: DropdownOption;\n    index: number;\n    className?: string;\n  }) => object;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  fitContent?: boolean;\n}\n\nexport function DropdownMenu({\n  isOpen,\n  filteredOptions,\n  selectedItem,\n  emptyMessage,\n  getMenuProps,\n  getItemProps,\n  footer,\n  openUpward = false,\n  fitContent = false,\n}: DropdownMenuProps) {\n  return (\n    <div\n      className={cn(\n        \"absolute z-50 overflow-hidden text-white\",\n        fitContent ? \"min-w-full w-max\" : \"w-full\",\n        openUpward ? \"bottom-full mb-1\" : \"mt-1\",\n        \"bg-tertiary rounded-[6px] context-menu-box-shadow p-1\",\n        \"max-h-60 overflow-auto\",\n        !isOpen && \"hidden\",\n      )}\n    >\n      <ul {...getMenuProps({ className: \"p-0\" })}>\n        {isOpen && filteredOptions.length === 0 && (\n          <li className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\">\n            {emptyMessage}\n          </li>\n        )}\n        {isOpen &&\n          filteredOptions.map((option, index) => (\n            <li\n              key={option.value}\n              {...getItemProps({\n                item: option,\n                index,\n                className: cn(\n                  \"px-2 py-2 cursor-pointer text-sm rounded\",\n                  \"text-white focus:outline-none font-normal\",\n                  \"flex items-center gap-2\",\n                  selectedItem?.value === option.value\n                    ? \"bg-[var(--oh-interactive-selected)] text-white\"\n                    : \"hover:bg-[var(--oh-interactive-hover)]\",\n                ),\n              })}\n            >\n              {option.prefix}\n              <span className=\"min-w-0 truncate\">{option.label}</span>\n            </li>\n          ))}\n      </ul>\n      {isOpen && footer ? (\n        <>\n          <Divider inset=\"menu\" />\n          <div className=\"p-0\">{footer}</div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EAAa,EAC3B,WACA,oBACA,iBACA,iBACA,iBACA,iBACA,WACA,gBAAa,IACb,gBAAa,MACO;AACpB,QACE,kBAAC,OAAD;EACE,WAAW,EACT,4CACA,IAAa,qBAAqB,UAClC,IAAa,qBAAqB,QAClC,yDACA,0BACA,CAAC,KAAU,SACZ;YARH,CAUE,kBAAC,MAAD;GAAI,GAAI,EAAa,EAAE,WAAW,OAAO,CAAC;aAA1C,CACG,KAAU,EAAgB,WAAW,KACpC,kBAAC,MAAD;IAAI,WAAU;cACX;IACE,CAAA,EAEN,KACC,EAAgB,KAAK,GAAQ,MAC3B,kBAAC,MAAD;IAEE,GAAI,EAAa;KACf,MAAM;KACN;KACA,WAAW,EACT,4CACA,6CACA,2BACA,GAAc,UAAU,EAAO,QAC3B,mDACA,yCACL;KACF,CAAC;cAbJ,CAeG,EAAO,QACR,kBAAC,QAAD;KAAM,WAAU;eAAoB,EAAO;KAAa,CAAA,CACrD;MAhBE,EAAO,MAgBT,CACL,CACD;MACJ,KAAU,IACT,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,OAAM,QAAS,CAAA,EACxB,kBAAC,OAAD;GAAK,WAAU;aAAO;GAAa,CAAA,CAClC,EAAA,CAAA,GACD,KACA"}
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../../src/ui/dropdown/dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Divider } from \"#/ui/divider\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\nimport {\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface DropdownMenuProps {\n  isOpen: boolean;\n  filteredOptions: DropdownOption[];\n  selectedItem: DropdownOption | null;\n  emptyMessage: string;\n  getMenuProps: (props?: object) => object;\n  getItemProps: (props: {\n    item: DropdownOption;\n    index: number;\n    className?: string;\n  }) => object;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  fitContent?: boolean;\n}\n\nexport function DropdownMenu({\n  isOpen,\n  filteredOptions,\n  selectedItem,\n  emptyMessage,\n  getMenuProps,\n  getItemProps,\n  footer,\n  openUpward = false,\n  fitContent = false,\n}: DropdownMenuProps) {\n  return (\n    <div\n      className={cn(\n        \"absolute z-50 overflow-hidden text-white\",\n        fitContent ? \"min-w-full w-max\" : \"w-full\",\n        openUpward ? \"bottom-full mb-1\" : \"mt-1\",\n        \"bg-tertiary rounded-[6px] context-menu-box-shadow p-1\",\n        \"max-h-60 overflow-auto\",\n        !isOpen && \"hidden\",\n      )}\n    >\n      <ul\n        {...getMenuProps({ className: cn(\"p-0\", dropdownMenuListClassName) })}\n      >\n        {isOpen && filteredOptions.length === 0 && (\n          <li className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\">\n            {emptyMessage}\n          </li>\n        )}\n        {isOpen &&\n          filteredOptions.map((option, index) => (\n            <li\n              key={option.value}\n              {...getItemProps({\n                item: option,\n                index,\n                className: cn(\n                  dropdownMenuRowClassName,\n                  \"focus:outline-none\",\n                  selectedItem?.value === option.value &&\n                    \"bg-[var(--oh-interactive-selected)] text-white\",\n                ),\n              })}\n            >\n              {option.prefix ? (\n                <span className={dropdownMenuRowIconWrapperClassName}>\n                  {option.prefix}\n                </span>\n              ) : null}\n              <span className=\"min-w-0 truncate\">{option.label}</span>\n            </li>\n          ))}\n      </ul>\n      {isOpen && footer ? (\n        <>\n          <Divider inset=\"menu\" />\n          <div className=\"p-0\">{footer}</div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,EAAa,EAC3B,WACA,oBACA,iBACA,iBACA,iBACA,iBACA,WACA,gBAAa,IACb,gBAAa,MACO;AACpB,QACE,kBAAC,OAAD;EACE,WAAW,EACT,4CACA,IAAa,qBAAqB,UAClC,IAAa,qBAAqB,QAClC,yDACA,0BACA,CAAC,KAAU,SACZ;YARH,CAUE,kBAAC,MAAD;GACE,GAAI,EAAa,EAAE,WAAW,EAAG,OAAO,EAA0B,EAAE,CAAC;aADvE,CAGG,KAAU,EAAgB,WAAW,KACpC,kBAAC,MAAD;IAAI,WAAU;cACX;IACE,CAAA,EAEN,KACC,EAAgB,KAAK,GAAQ,MAC3B,kBAAC,MAAD;IAEE,GAAI,EAAa;KACf,MAAM;KACN;KACA,WAAW,EACT,GACA,sBACA,GAAc,UAAU,EAAO,SAC7B,iDACH;KACF,CAAC;cAXJ,CAaG,EAAO,SACN,kBAAC,QAAD;KAAM,WAAW;eACd,EAAO;KACH,CAAA,GACL,MACJ,kBAAC,QAAD;KAAM,WAAU;eAAoB,EAAO;KAAa,CAAA,CACrD;MAlBE,EAAO,MAkBT,CACL,CACD;MACJ,KAAU,IACT,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,OAAM,QAAS,CAAA,EACxB,kBAAC,OAAD;GAAK,WAAU;aAAO;GAAa,CAAA,CAClC,EAAA,CAAA,GACD,KACA"}

package/dist/ui/dropdown/dropdown.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/utils.cjs`),n=require(`../../utils/form-control-classes.cjs`),r=require(`../../node_modules/downshift/dist/downshift.esm.cjs`),i=require(`./loading-spinner.cjs`),a=require(`./clear-button.cjs`),o=require(`./toggle-button.cjs`),s=require(`./dropdown-menu.cjs`),c=require(`./dropdown-input.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);var d={position:`absolute`,width:1,height:1,padding:0,margin:-1,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,border:0};function f({options:e,emptyMessage:f=`No options`,clearable:p=!1,loading:m=!1,disabled:h=!1,placeholder:g,defaultValue:_,onChange:v,testId:y,className:b,footer:x,openUpward:S=!1,hideTrigger:C=!1,defaultOpen:w=!1,openOnHover:T=!1,italicPlaceholder:E=!0,fitContent:D=!1}){let O=l.default.useRef(null),[k,A]=(0,l.useState)(_?.label??``),[j,M]=(0,l.useState)(``),N=e.filter(e=>e.label.toLowerCase().includes(j.toLowerCase())),{isOpen:P,selectedItem:F,selectItem:I,openMenu:L,closeMenu:R,getToggleButtonProps:z,getMenuProps:B,getItemProps:V,getInputProps:H}=r.useCombobox({items:N,itemToString:e=>e?.label??``,inputValue:k,stateReducer:(e,t)=>t.type===r.useCombobox.stateChangeTypes.InputClick&&e.isOpen?{...t.changes,isOpen:!0}:t.changes,initialIsOpen:w,onInputValueChange:({inputValue:e})=>{A(e??``),M(e??``)},defaultSelectedItem:_,onSelectedItemChange:({selectedItem:e})=>{v?.(e??null)},onIsOpenChange:({isOpen:e,selectedItem:t})=>{e?(A(``),M(``)):(A(t?.label??``),M(``))}}),U=m||h,W=F?e.find(e=>e.value===F.value)??F:null,G=e=>H({...e,onChange:e=>{A(e.target.value),M(e.target.value)}});return(0,u.jsxs)(`div`,{className:t.cn(`relative`,D?`inline-block w-auto`:`w-full`),"data-testid":y,onMouseEnter:T?()=>{O.current&&=(clearTimeout(O.current),null),L()}:void 0,onMouseLeave:T?()=>{O.current=setTimeout(()=>R(),150)}:void 0,children:[C?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`input`,{...G({"aria-label":g??`Filter options`,tabIndex:-1}),style:d}),(0,u.jsx)(`button`,{type:`button`,...z({tabIndex:-1}),style:d,"aria-hidden":!0})]}):(0,u.jsxs)(`div`,{className:t.cn(`bg-tertiary border border-[var(--oh-border-input)] rounded p-2`,`flex items-center gap-2`,D?`w-auto`:`w-full`,n.formControlShellClassName,`group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white`,U&&`cursor-not-allowed opacity-60`,b),children:[W?.prefix?(0,u.jsx)(`span`,{className:`flex items-center shrink-0`,children:W.prefix}):null,(0,u.jsx)(c.DropdownInput,{placeholder:g,isDisabled:U,getInputProps:G,italicPlaceholder:E,fitContent:D}),m&&(0,u.jsx)(i.LoadingSpinner,{}),p&&F&&(0,u.jsx)(a.ClearButton,{onClear:()=>I(null)}),(0,u.jsx)(o.ToggleButton,{isOpen:P,isDisabled:U,getToggleButtonProps:z})]}),(0,u.jsx)(s.DropdownMenu,{isOpen:P,filteredOptions:N,selectedItem:F,emptyMessage:f,getMenuProps:B,getItemProps:V,footer:x,openUpward:S,fitContent:D})]})}exports.Dropdown=f;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/utils.cjs`),n=require(`../../utils/dropdown-classes.cjs`),r=require(`../../node_modules/downshift/dist/downshift.esm.cjs`),i=require(`./loading-spinner.cjs`),a=require(`./clear-button.cjs`),o=require(`./toggle-button.cjs`),s=require(`./dropdown-menu.cjs`),c=require(`./dropdown-input.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);var d={position:`absolute`,width:1,height:1,padding:0,margin:-1,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,border:0};function f({options:e,emptyMessage:f=`No options`,clearable:p=!1,loading:m=!1,disabled:h=!1,placeholder:g,defaultValue:_,onChange:v,testId:y,className:b,footer:x,openUpward:S=!1,hideTrigger:C=!1,defaultOpen:w=!1,openOnHover:T=!1,italicPlaceholder:E=!0,fitContent:D=!1}){let O=l.default.useRef(null),[k,A]=(0,l.useState)(_?.label??``),[j,M]=(0,l.useState)(``),N=e.filter(e=>e.label.toLowerCase().includes(j.toLowerCase())),{isOpen:P,selectedItem:F,selectItem:I,openMenu:L,closeMenu:R,getToggleButtonProps:z,getMenuProps:B,getItemProps:V,getInputProps:H}=r.useCombobox({items:N,itemToString:e=>e?.label??``,inputValue:k,stateReducer:(e,t)=>t.type===r.useCombobox.stateChangeTypes.InputClick&&e.isOpen?{...t.changes,isOpen:!0}:t.changes,initialIsOpen:w,onInputValueChange:({inputValue:e})=>{A(e??``),M(e??``)},defaultSelectedItem:_,onSelectedItemChange:({selectedItem:e})=>{v?.(e??null)},onIsOpenChange:({isOpen:e,selectedItem:t})=>{e?(A(``),M(``)):(A(t?.label??``),M(``))}}),U=m||h,W=F?e.find(e=>e.value===F.value)??F:null,G=e=>H({...e,onChange:e=>{A(e.target.value),M(e.target.value)}});return(0,u.jsxs)(`div`,{className:t.cn(`relative`,D?`inline-block w-auto`:`w-full`),"data-testid":y,onMouseEnter:T?()=>{O.current&&=(clearTimeout(O.current),null),L()}:void 0,onMouseLeave:T?()=>{O.current=setTimeout(()=>R(),150)}:void 0,children:[C?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`input`,{...G({"aria-label":g??`Filter options`,tabIndex:-1}),style:d}),(0,u.jsx)(`button`,{type:`button`,...z({tabIndex:-1}),style:d,"aria-hidden":!0})]}):(0,u.jsxs)(`div`,{className:t.cn(n.dropdownTriggerShellClassName,D?`w-auto`:`w-full`,U&&`cursor-not-allowed opacity-60`,b),children:[W?.prefix?(0,u.jsx)(`span`,{className:`flex items-center shrink-0`,children:W.prefix}):null,(0,u.jsx)(c.DropdownInput,{placeholder:g,isDisabled:U,getInputProps:G,italicPlaceholder:E,fitContent:D}),m&&(0,u.jsx)(i.LoadingSpinner,{}),p&&F&&(0,u.jsx)(a.ClearButton,{onClear:()=>I(null)}),(0,u.jsx)(o.ToggleButton,{isOpen:P,isDisabled:U,getToggleButtonProps:z})]}),(0,u.jsx)(s.DropdownMenu,{isOpen:P,filteredOptions:N,selectedItem:F,emptyMessage:f,getMenuProps:B,getItemProps:V,footer:x,openUpward:S,fitContent:D})]})}exports.Dropdown=f;
 //# sourceMappingURL=dropdown.cjs.map