@datum-cloud/datum-ui 1.4.0 → 1.6.0

package/dist/components/features/assistant/components/assistant-workspace.d.ts

@@ -0,0 +1,53 @@
+import type { Editor } from '@tiptap/react';
+import type { UIMessage } from 'ai';
+import type { MouseEvent as ReactMouseEvent, ReactNode, RefObject } from 'react';
+import type { AssistantConfig, ChatSummary, EffortId } from '../types';
+/**
+ * Presentational, props-driven assistant layout: left rail + collapsible
+ * history + (empty state | conversation) + composer. The host owns all state
+ * and transport (via its own chat hook) and feeds it in here, so staff and
+ * cloud reuse the exact same layout. Shell-agnostic — it fills its container.
+ */
+export interface AssistantWorkspaceProps {
+    /** Host-specific configuration (copy, suggestions, tool labels, models, …). */
+    config?: Partial<AssistantConfig>;
+    /** Display name for the greeting; the host reads it from its own user context. */
+    userName?: string;
+    /** Header title for the active conversation. */
+    title: string;
+    messages: UIMessage[];
+    status: string;
+    error?: Error;
+    isReady: boolean;
+    chatList: ChatSummary[];
+    currentChatId: string;
+    /**
+     * Optional block pinned above the history search input, naming the scope the
+     * listed chats belong to (cloud-portal shows the current project).
+     */
+    sidebarHeader?: ReactNode;
+    editor: Editor | null;
+    /** Sanitized HTML per user message index (for exact-render of the user's input). */
+    htmlByUserMsgIndex: RefObject<string[]>;
+    bottomRef: RefObject<HTMLDivElement | null>;
+    containerRef: (node: HTMLDivElement | null) => void;
+    userScrolledUpRef: RefObject<boolean>;
+    onSend: () => void;
+    onStop: () => void;
+    onRetry: () => void;
+    onNewChat: () => void;
+    onLoadChat: (chat: ChatSummary) => void;
+    onDeleteChat: (e: ReactMouseEvent, chatId: string) => void;
+    onSuggestion: (text: string) => void;
+    modelId: string;
+    effortId: EffortId;
+    onModelChange: (id: string) => void;
+    onEffortChange: (id: EffortId) => void;
+    micSupported?: boolean;
+    micListening?: boolean;
+    micFrequencyData?: number[];
+    onMicToggle?: () => void;
+    historyOpen: boolean;
+    onToggleHistory: () => void;
+}
+export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;

package/dist/components/features/assistant/components/brain-glyph.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Decorative brain/sunburst glyph for the assistant empty-state greeting (per
+ * Figma). Follows the Datum logo's theming: canyon-clay (#bf9595) in light,
+ * aurora-moss (#e6f59f) in dark. Size is driven by the passed `className`.
+ */
+export declare function BrainGlyph({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/assistant/components/composer/equalizer.d.ts

@@ -0,0 +1,6 @@
+interface EqualizerProps {
+    frequencyData: number[];
+    className?: string;
+}
+export declare function Equalizer({ frequencyData, className }: EqualizerProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/composer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './equalizer';
+export * from './model-selector';
+export * from './prompt-card';

package/dist/components/features/assistant/components/composer/model-selector.d.ts

@@ -0,0 +1,10 @@
+import type { EffortId } from '../../types';
+interface ModelSelectorProps {
+    modelId: string;
+    effortId: EffortId;
+    onModelChange: (id: string) => void;
+    onEffortChange: (id: EffortId) => void;
+    disabled?: boolean;
+}
+export declare function ModelSelector({ modelId, effortId, onModelChange, onEffortChange, disabled, }: ModelSelectorProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/assistant/components/composer/prompt-card.d.ts

@@ -0,0 +1,21 @@
+import type { Editor } from '@tiptap/react';
+import type { EffortId } from '../../types';
+interface PromptCardProps {
+    editor: Editor | null;
+    isReady: boolean;
+    canRetry: boolean;
+    onSend: () => void;
+    onStop: () => void;
+    onRetry: () => void;
+    modelId: string;
+    effortId: EffortId;
+    onModelChange: (id: string) => void;
+    onEffortChange: (id: EffortId) => void;
+    speechSupported?: boolean;
+    isListening?: boolean;
+    frequencyData?: number[];
+    onMicToggle?: () => void;
+    className?: string;
+}
+export declare function PromptCard({ editor, isReady, canRetry, onSend, onStop, onRetry, modelId, effortId, onModelChange, onEffortChange, speechSupported, isListening, frequencyData, onMicToggle, className, }: PromptCardProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/conversation/conversation.d.ts

@@ -0,0 +1,15 @@
+import type { UIMessage } from 'ai';
+import type { RefObject } from 'react';
+interface ConversationProps {
+    messages: UIMessage[];
+    status: string;
+    error?: Error;
+    htmlByUserMsgIndex: RefObject<string[]>;
+    containerRef: (node: HTMLDivElement | null) => void;
+    bottomRef: RefObject<HTMLDivElement | null>;
+    userScrolledUpRef: RefObject<boolean>;
+    /** The docked prompt card, pinned to the bottom. */
+    footer: React.ReactNode;
+}
+export declare function Conversation({ messages, status, error, htmlByUserMsgIndex, containerRef, bottomRef, userScrolledUpRef, footer, }: ConversationProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/conversation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './conversation';
+export * from './scroll-to-bottom-button';
+export * from './turn-rail';

package/dist/components/features/assistant/components/conversation/scroll-to-bottom-button.d.ts

@@ -0,0 +1,5 @@
+/** Floating chevron above the composer; jumps to the latest message. */
+export declare function ScrollToBottomButton({ show, onClick }: {
+    show: boolean;
+    onClick: () => void;
+}): import("react").JSX.Element;

package/dist/components/features/assistant/components/conversation/turn-rail.d.ts

@@ -0,0 +1,12 @@
+import type { Turn } from '../../types';
+interface TurnRailProps {
+    turns: Turn[];
+    activeId: string | null;
+    onJump: (id: string) => void;
+}
+/**
+ * Right-edge rail: ticks (one per submitted prompt) when idle; morphs into a
+ * compact, clickable prompt list on hover. The in-view turn is highlighted.
+ */
+export declare function TurnRail({ turns, activeId, onJump }: TurnRailProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/assistant/components/empty-state.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface EmptyStateProps {
+    name?: string;
+    isReady: boolean;
+    onSuggestion: (text: string) => void;
+    /** The shared prompt card. */
+    children: ReactNode;
+}
+export declare function EmptyState({ name, isReady, onSuggestion, children }: EmptyStateProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/message/assistant-message.d.ts

@@ -0,0 +1,9 @@
+import type { UIMessage } from 'ai';
+import 'streamdown/styles.css';
+interface AssistantMessageProps {
+    msg: UIMessage;
+    isLastMessage: boolean;
+    status: string;
+}
+export declare function AssistantMessage({ msg, isLastMessage, status }: AssistantMessageProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/message/index.d.ts

@@ -0,0 +1,4 @@
+export * from './assistant-message';
+export * from './loading-dots';
+export * from './thinking-block';
+export * from './user-message';

package/dist/components/features/assistant/components/message/loading-dots.d.ts

@@ -0,0 +1,4 @@
+/** Three bouncing dots — the assistant's "thinking" indicator. */
+export declare function LoadingDots({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/assistant/components/message/thinking-block.d.ts

@@ -0,0 +1,4 @@
+export declare function ThinkingBlock({ text, isStreaming, }: {
+    text: string;
+    isStreaming?: boolean;
+}): import("react").JSX.Element;

package/dist/components/features/assistant/components/message/user-message.d.ts

@@ -0,0 +1,4 @@
+/** A user's message — a right-aligned bubble rendering the sanitized input HTML. */
+export declare function UserMessage({ html }: {
+    html: string;
+}): import("react").JSX.Element;

package/dist/components/features/assistant/components/sidebar/chat-rail.d.ts

@@ -0,0 +1,7 @@
+interface ChatRailProps {
+    historyOpen: boolean;
+    onNewChat: () => void;
+    onToggleHistory: () => void;
+}
+export declare function ChatRail({ historyOpen, onNewChat, onToggleHistory }: ChatRailProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/sidebar/history-panel.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import type { ChatSummary } from '../../types';
+interface HistoryPanelProps {
+    chatList: ChatSummary[];
+    currentChatId: string;
+    onLoadChat: (chat: ChatSummary) => void;
+    onDeleteChat: (e: React.MouseEvent, chatId: string) => void;
+    /**
+     * Optional host-supplied block pinned above the search input, naming the scope
+     * the listed chats belong to — cloud-portal shows the current project. Hosts
+     * whose history isn't scoped to anything (staff-portal) omit it.
+     */
+    header?: ReactNode;
+}
+export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header, }: HistoryPanelProps): import("react").JSX.Element;
+export {};

package/dist/components/features/assistant/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chat-rail';
+export * from './history-panel';

package/dist/components/features/assistant/context/assistant-config.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { AssistantConfig, LinkRenderProps } from '../types';
+/**
+ * Framework-agnostic link renderer: internal routes (`/…`) render as a plain
+ * same-tab anchor, everything else opens in a new tab. Hosts override
+ * `renderLink` to add routing (e.g. a router `<Link>`) or icons (e.g. a Sentry
+ * glyph) — see the host config.
+ */
+export declare function defaultRenderLink({ href, children }: LinkRenderProps): ReactNode;
+/**
+ * Neutral fallback so leaf components render without a host having wired a full
+ * config. Host apps override via `<AssistantConfigProvider config={…}>`.
+ */
+export declare const DEFAULT_ASSISTANT_CONFIG: AssistantConfig;
+export declare function AssistantConfigProvider({ config, children, }: {
+    config?: Partial<AssistantConfig>;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useAssistantConfig(): AssistantConfig;

package/dist/components/features/assistant/context/index.d.ts

@@ -0,0 +1 @@
+export { AssistantConfigProvider, DEFAULT_ASSISTANT_CONFIG, defaultRenderLink, useAssistantConfig, } from './assistant-config';

package/dist/components/features/assistant/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useTurnRail } from './use-turn-rail';

package/dist/components/features/assistant/hooks/use-turn-rail.d.ts

@@ -0,0 +1,16 @@
+import type { UIMessage } from 'ai';
+import type { RefObject } from 'react';
+import type { Turn } from '../types';
+/**
+ * Tracks conversation "turns" (submitted prompts) for the right-edge rail:
+ * derives the turn list, follows which turn is in view as you scroll, and
+ * scrolls a chosen turn to the top. Owns a node ref to the scroll container,
+ * composed with the caller's own container ref callback.
+ */
+export declare function useTurnRail(messages: UIMessage[], containerRef: (node: HTMLDivElement | null) => void, userScrolledUpRef: RefObject<boolean>): {
+    turns: Turn[];
+    activeTurnId: string | null;
+    setScrollEl: (node: HTMLDivElement | null) => void;
+    handleScroll: (el: HTMLDivElement) => boolean;
+    scrollToTurn: (id: string) => void;
+};

package/dist/components/features/assistant/index.d.ts

@@ -0,0 +1,11 @@
+export { AssistantWorkspace, type AssistantWorkspaceProps } from './components/assistant-workspace';
+export { BrainGlyph } from './components/brain-glyph';
+export * from './components/composer';
+export * from './components/conversation';
+export { EmptyState } from './components/empty-state';
+export * from './components/message';
+export * from './components/sidebar';
+export { AssistantConfigProvider, DEFAULT_ASSISTANT_CONFIG, defaultRenderLink, useAssistantConfig, } from './context';
+export { useTurnRail } from './hooks';
+export type { AssistantConfig, ChatSummary, EffortId, EffortOption, LinkRenderProps, ModelOption, ModelSelectorConfig, Turn, } from './types';
+export { formatRelativeTime, sanitizeUserHtml } from './utils';

package/dist/components/features/assistant/types.d.ts

@@ -0,0 +1,66 @@
+import type { DynamicToolUIPart, ToolUIPart, UIMessage } from 'ai';
+import type { ReactNode } from 'react';
+export type EffortId = 'low' | 'medium' | 'high';
+export interface ModelOption {
+    /** Stable id sent to the server; must match the allowlist in server/routes/assistant.ts. */
+    id: string;
+    label: string;
+}
+export interface EffortOption {
+    id: EffortId;
+    label: string;
+}
+/** One submitted prompt — the unit tracked by the right-edge turn rail. */
+export interface Turn {
+    id: string;
+    text: string;
+}
+/** Props passed to a `renderLink` implementation (a link in the assistant's markdown). */
+export interface LinkRenderProps {
+    href?: string;
+    children?: ReactNode;
+}
+export interface ModelSelectorConfig {
+    models: ModelOption[];
+    efforts: EffortOption[];
+    defaultModelId: string;
+    defaultEffortId: EffortId;
+}
+/**
+ * Everything that differs between host apps (staff vs cloud). Supplied once at
+ * the workspace root and read by leaf components via `useAssistantConfig()`, so
+ * the presentational pieces stay generic and shell-agnostic.
+ */
+export interface AssistantConfig {
+    /** Greeting line on the empty state, e.g. "Hey there, Jacob". */
+    greeting: (name?: string) => string;
+    /** Starter prompts on the empty state. */
+    suggestions: string[];
+    /** Whether to render the assistant's reasoning ("thinking") blocks. */
+    showReasoning: boolean;
+    /** Model + effort picker config, or `false` to hide the control. */
+    modelSelector: ModelSelectorConfig | false;
+    /** Tool name → progress label ("Searching users…"). Host-specific tool set. */
+    toolLabels: Record<string, string>;
+    /** Renders links inside the assistant's markdown (internal routes, external, host-specific icons). */
+    renderLink: (props: LinkRenderProps) => ReactNode;
+    /** Override the per-message action toolbar (defaults to copy + download). */
+    messageActions?: (msg: UIMessage) => ReactNode;
+    /**
+     * Renders a completed tool call inline, in message order. Return a falsy value
+     * to leave that tool invisible — the default for every tool, since most only
+     * feed the model. Hosts use this to surface a result as UI (cloud-portal turns
+     * an `openSupportTicket` result into a button).
+     */
+    renderToolOutput?: (part: ToolUIPart | DynamicToolUIPart, msg: UIMessage) => ReactNode;
+}
+/**
+ * Minimal shape the history list needs. Host apps pass their own richer chat
+ * objects (they're structurally compatible) — persistence lives in the host.
+ */
+export interface ChatSummary {
+    id: string;
+    title: string;
+    updatedAt: number;
+    messages: UIMessage[];
+}

package/dist/components/features/assistant/utils/format-relative-time.d.ts

@@ -0,0 +1,2 @@
+/** Human-friendly relative timestamp for the chat history list. */
+export declare function formatRelativeTime(timestamp: number): string;

package/dist/components/features/assistant/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { formatRelativeTime } from './format-relative-time';
+export { sanitizeUserHtml } from './sanitize-html';

package/dist/components/features/assistant/utils/sanitize-html.d.ts

@@ -0,0 +1,2 @@
+/** Whitelist-sanitize the tiptap-authored HTML of a user message before render. */
+export declare function sanitizeUserHtml(raw: string): string;

package/dist/dropdown-menu-b8zY5Cs6.mjs

@@ -0,0 +1,82 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region ../shadcn/ui/dropdown-menu.tsx
+/**
+* Vanilla shadcn/ui DropdownMenu Component
+* Pure shadcn dropdown without Datum customizations
+* For Datum-specific features (destructive MenuItem), import from @/modules/datum-ui
+*/
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+}));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+	ref,
+	className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
+	...props
+}));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className),
+	...props
+}) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+	ref,
+	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+	ref,
+	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn("bg-muted -mx-1 my-1 h-px", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+		...props
+	});
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+//#endregion
+export { DropdownMenuRadioGroup as a, DropdownMenuTrigger as c, DropdownMenuLabel as i, DropdownMenuCheckboxItem as n, DropdownMenuRadioItem as o, DropdownMenuContent as r, DropdownMenuSeparator as s, DropdownMenu as t };

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { t as Input } from "./input-j4tbmYYz.mjs";
 import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as InputGroupTextarea, r as InputGroupButton, t as InputGroup } from "./input-group-DieA8aBt.mjs";
 import { t as Label } from "./label-Bk6FXsju.mjs";
 import { t as Spinner } from "./spinner-C5Xv-i2C.mjs";
-import { A as useLeaflet, C as MapMarkerClusterGroup, D as MapRectangle, E as MapPopup, O as MapTooltip, S as MapMarker, T as MapPolyline, _ as MapLocateControl, a as MapTileLayer, b as MapCircle, c as MapDrawDelete, d as MapDrawPolygon, f as MapDrawPolyline, g as MapFullscreenControl, h as MapControlContainer, i as MapLayersControl, j as PlaceAutocomplete, k as Map, l as MapDrawEdit, m as MapDrawUndo, n as MapLayerGroup, o as MapDrawCircle, p as MapDrawRectangle, r as MapLayers, s as MapDrawControl, t as MapFeatureGroup, u as MapDrawMarker, v as MapSearchControl, w as MapPolygon, x as MapCircleMarker, y as MapZoomControl } from "./layers-CGp0ceSG.mjs";
+import { A as useLeaflet, C as MapMarkerClusterGroup, D as MapRectangle, E as MapPopup, O as MapTooltip, S as MapMarker, T as MapPolyline, _ as MapLocateControl, a as MapTileLayer, b as MapCircle, c as MapDrawDelete, d as MapDrawPolygon, f as MapDrawPolyline, g as MapFullscreenControl, h as MapControlContainer, i as MapLayersControl, j as PlaceAutocomplete, k as Map, l as MapDrawEdit, m as MapDrawUndo, n as MapLayerGroup, o as MapDrawCircle, p as MapDrawRectangle, r as MapLayers, s as MapDrawControl, t as MapFeatureGroup, u as MapDrawMarker, v as MapSearchControl, w as MapPolygon, x as MapCircleMarker, y as MapZoomControl } from "./layers-DJYz6fyE.mjs";
 import { i as useInSheet, n as MobileSheet, r as InSheetContext, t as ResponsiveSheetTrigger } from "./mobile-sheet-D9L-JOee.mjs";
 import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "./sheet-DXCZyMHI.mjs";
 import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "./sheet-BZViad2U.mjs";

package/dist/{layers-CGp0ceSG.mjs → layers-DJYz6fyE.mjs}

@@ -4,12 +4,12 @@ import { t as Button } from "./button-CsdF61EI.mjs";
 import { i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-C0aGIYnQ.mjs";
 import { i as InputGroupInput, n as InputGroupAddon, t as InputGroup } from "./input-group-DieA8aBt.mjs";
 import { t as Spinner } from "./spinner-C5Xv-i2C.mjs";
-import { CheckIcon, ChevronRightIcon, CircleIcon, LayersIcon, LoaderCircleIcon, MapPinIcon, MaximizeIcon, MinimizeIcon, MinusIcon, NavigationIcon, PenLineIcon, PentagonIcon, PlusIcon, SearchIcon, SquareIcon, Trash2Icon, Undo2Icon, WaypointsIcon } from "lucide-react";
+import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, n as DropdownMenuCheckboxItem, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "./dropdown-menu-b8zY5Cs6.mjs";
+import { CircleIcon, LayersIcon, LoaderCircleIcon, MapPinIcon, MaximizeIcon, MinimizeIcon, MinusIcon, NavigationIcon, PenLineIcon, PentagonIcon, PlusIcon, SearchIcon, SquareIcon, Trash2Icon, Undo2Icon, WaypointsIcon } from "lucide-react";
 import * as React from "react";
 import { Suspense, createContext, lazy, useContext, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { renderToString } from "react-dom/server.browser";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region ../shadcn/ui/place-autocomplete.tsx
 function formatAddress(properties) {
 	const parts = [];
@@ -913,82 +913,6 @@ function useTheme() {
 	return { resolvedTheme };
 }
 //#endregion
-//#region ../shadcn/ui/dropdown-menu.tsx
-/**
-* Vanilla shadcn/ui DropdownMenu Component
-* Pure shadcn dropdown without Datum customizations
-* For Datum-specific features (destructive MenuItem), import from @/modules/datum-ui
-*/
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-	ref,
-	className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props,
-	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
-}));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-	ref,
-	className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
-	...props
-}));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-	ref,
-	sideOffset,
-	className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className),
-	...props
-}) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-	ref,
-	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-	ref,
-	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	checked,
-	...props,
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) })
-	}), children]
-}));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-	ref,
-	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	...props,
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) })
-	}), children]
-}));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-	ref,
-	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-	ref,
-	className: cn("bg-muted -mx-1 my-1 h-px", className),
-	...props
-}));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-		...props
-	});
-}
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-//#endregion
 //#region ../shadcn/ui/map/layers.tsx
 const MapLayersContext = createContext(null);
 function useMapLayersContext() {

package/dist/map/index.mjs

@@ -1,2 +1,2 @@
-import { A as useLeaflet, C as MapMarkerClusterGroup, D as MapRectangle, E as MapPopup, O as MapTooltip, S as MapMarker, T as MapPolyline, _ as MapLocateControl, a as MapTileLayer, b as MapCircle, c as MapDrawDelete, d as MapDrawPolygon, f as MapDrawPolyline, g as MapFullscreenControl, h as MapControlContainer, i as MapLayersControl, j as PlaceAutocomplete, k as Map, l as MapDrawEdit, m as MapDrawUndo, n as MapLayerGroup, o as MapDrawCircle, p as MapDrawRectangle, r as MapLayers, s as MapDrawControl, t as MapFeatureGroup, u as MapDrawMarker, v as MapSearchControl, w as MapPolygon, x as MapCircleMarker, y as MapZoomControl } from "../layers-CGp0ceSG.mjs";
+import { A as useLeaflet, C as MapMarkerClusterGroup, D as MapRectangle, E as MapPopup, O as MapTooltip, S as MapMarker, T as MapPolyline, _ as MapLocateControl, a as MapTileLayer, b as MapCircle, c as MapDrawDelete, d as MapDrawPolygon, f as MapDrawPolyline, g as MapFullscreenControl, h as MapControlContainer, i as MapLayersControl, j as PlaceAutocomplete, k as Map, l as MapDrawEdit, m as MapDrawUndo, n as MapLayerGroup, o as MapDrawCircle, p as MapDrawRectangle, r as MapLayers, s as MapDrawControl, t as MapFeatureGroup, u as MapDrawMarker, v as MapSearchControl, w as MapPolygon, x as MapCircleMarker, y as MapZoomControl } from "../layers-DJYz6fyE.mjs";
 export { Map, MapCircle, MapCircleMarker, MapControlContainer, MapDrawCircle, MapDrawControl, MapDrawDelete, MapDrawEdit, MapDrawMarker, MapDrawPolygon, MapDrawPolyline, MapDrawRectangle, MapDrawUndo, MapFeatureGroup, MapFullscreenControl, MapLayerGroup, MapLayers, MapLayersControl, MapLocateControl, MapMarker, MapMarkerClusterGroup, MapPolygon, MapPolyline, MapPopup, MapRectangle, MapSearchControl, MapTileLayer, MapTooltip, MapZoomControl, PlaceAutocomplete, useLeaflet };