@manta-eu/react 0.1.0

package/dist/components/layouts/page/PageBody.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export type PageBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function PageBody(props: PageBodyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageBody.d.ts.map

package/dist/components/layouts/page/PageBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAe5C"}

package/dist/components/layouts/page/PageBody.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useLocation } from "react-router";
+import { cn } from "#lib/utils";
+export function PageBody(props) {
+    const { children, className } = props;
+    const bodyRef = useRef(null);
+    const { pathname } = useLocation();
+    useEffect(() => {
+        bodyRef.current?.scrollTo({ top: 0 });
+    }, [pathname]);
+    return (_jsx("div", { ref: bodyRef, className: cn("flex-1 overflow-y-auto p-4", className), children: children }));
+}

package/dist/components/layouts/page/PageHeader.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentType, ReactNode } from "react";
+export type PageHeaderProps = {
+    title: ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    actions?: ReactNode;
+    className?: string;
+};
+export declare function PageHeader(props: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/layouts/page/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/page/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgBhD"}

package/dist/components/layouts/page/PageHeader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarMobileToggle } from "../SidebarMobileToggle.js";
+import { cn } from "#lib/utils";
+export function PageHeader(props) {
+    const { title, icon: Icon, actions, className } = props;
+    return (_jsx("div", { className: cn("border-b border-muted-border py-3 px-5 shrink-0 h-16 flex items-center", className), children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(SidebarMobileToggle, { className: "-ml-1.5 shrink-0" }), Icon && _jsx(Icon, { className: "size-5 shrink-0" }), _jsx("h1", { className: "typography-caption-medium truncate", children: title })] }), actions && _jsx("div", { className: "flex items-center gap-3 shrink-0", children: actions })] }) }));
+}

package/dist/components/layouts/page/PageHeaderActions.d.ts

@@ -0,0 +1,19 @@
+import { type LucideIcon } from "lucide-react";
+import { type ButtonVariant } from "#components/button/index";
+export type PageHeaderAction = {
+    key: string;
+    label: string;
+    onClick: () => void;
+    icon?: LucideIcon;
+    variant?: ButtonVariant;
+    active?: boolean;
+    disabled?: boolean;
+    iconOnly?: boolean;
+    hint?: string;
+};
+export type PageHeaderActionsProps = {
+    actions: PageHeaderAction[];
+    menuLabel?: string;
+};
+export declare function PageHeaderActions(props: PageHeaderActionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PageHeaderActions.d.ts.map

package/dist/components/layouts/page/PageHeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/page/PageHeaderActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAItE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kDAwD9D"}

package/dist/components/layouts/page/PageHeaderActions.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { EllipsisVertical } from "lucide-react";
+import { Button } from "#components/button/index";
+import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger } from "#components/dropdown/index";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "#components/tooltip/index";
+function Hinted(props) {
+    const { hint, children } = props;
+    if (!isPresent(hint))
+        return children;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "inline-flex", children: children }) }), _jsx(TooltipContent, { children: hint })] }));
+}
+export function PageHeaderActions(props) {
+    const { actions, menuLabel = "Actions" } = props;
+    if (!isPresent(actions))
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden items-center gap-3 sm:flex", children: _jsx(TooltipProvider, { delayDuration: 300, children: actions.map((action) => action.iconOnly && action.icon ? (_jsx(Hinted, { hint: action.hint, children: _jsx(Button, { iconOnly: true, icon: action.icon, variant: action.variant, disabled: action.disabled, onClick: action.onClick, "aria-label": action.label }) }, action.key)) : (_jsx(Hinted, { hint: action.hint, children: _jsx(Button, { icon: action.icon, variant: action.variant, disabled: action.disabled, onClick: action.onClick, children: action.label }) }, action.key))) }) }), _jsx("div", { className: "sm:hidden", children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsx(Button, { iconOnly: true, variant: "tertiary", icon: EllipsisVertical, "aria-label": menuLabel }) }), _jsx(DropdownContent, { align: "end", children: _jsx(DropdownGroup, { children: actions.map((action) => (_jsx(DropdownItem, { icon: action.icon ? _jsx(action.icon, { className: "size-4" }) : undefined, selected: action.active, disabled: action.disabled, onClick: action.onClick, children: action.label }, action.key))) }) })] }) })] }));
+}

package/dist/components/layouts/page/index.d.ts

@@ -0,0 +1,4 @@
+export { PageHeader, type PageHeaderProps } from "./PageHeader.js";
+export { PageHeaderActions, type PageHeaderAction, type PageHeaderActionsProps } from "./PageHeaderActions.js";
+export { PageBody, type PageBodyProps } from "./PageBody.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layouts/page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC5G,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/layouts/page/index.js

@@ -0,0 +1,3 @@
+export { PageHeader } from "./PageHeader.js";
+export { PageHeaderActions } from "./PageHeaderActions.js";
+export { PageBody } from "./PageBody.js";

package/dist/components/learning-phase-badge/index.d.ts

@@ -0,0 +1,6 @@
+export type LearningPhaseBadgeProps = {
+    status: string | null | undefined;
+    className?: string;
+};
+export declare function LearningPhaseBadge({ status, className }: LearningPhaseBadgeProps): import("react/jsx-runtime").JSX.Element | undefined;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/learning-phase-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/learning-phase-badge/index.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,uBAAuB,uDAehF"}

package/dist/components/learning-phase-badge/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/index.js";
+import { Badge } from "#components/badge/index";
+import { cn } from "#style";
+const LEARNING_STATUS = "LEARNING";
+export function LearningPhaseBadge({ status, className }) {
+    if (status !== LEARNING_STATUS)
+        return;
+    return (_jsxs(Tooltip, { delayDuration: 0, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Badge, { variant: "warning", size: "sm", className: cn("cursor-help", className), children: "Learning" }) }), _jsx(TooltipContent, { children: _jsx("p", { className: "max-w-xs", children: "The campaign's ad sets are still learning to optimize delivery" }) })] }));
+}

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

@@ -0,0 +1,7 @@
+import { Loader2 } from "lucide-react";
+import type { ComponentProps, ComponentRef, Ref } from "react";
+export type LoaderProps = ComponentProps<typeof Loader2> & {
+    ref?: Ref<ComponentRef<typeof Loader2>>;
+};
+export declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG/D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAGxC,CAAC"}

package/dist/components/loader/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { cn } from "#style";
+export const Loader = (props) => {
+    const { ref, className, ...rest } = props;
+    return _jsx(Loader2, { ref: ref, className: cn("size-4 animate-spin text-inherit", className), ...rest });
+};

package/dist/components/main-content/chat-panel.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export type ChatPanelArgs = {
+    children: ReactNode;
+};
+export declare function ChatPanel({ children }: ChatPanelArgs): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-panel.d.ts.map

package/dist/components/main-content/chat-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-panel.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/chat-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAMpD"}

package/dist/components/main-content/chat-panel.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ChatPanel({ children }) {
+    return (_jsx("div", { className: "flex flex-col flex-1 min-h-0 min-w-0 rounded-xl bg-base-background overflow-y-auto border border-muted-border", children: children }));
+}

package/dist/components/main-content/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const mainHeaderMargin = 14;
+export declare const pageMargins: number;
+export declare const chatPanelWidth = 552;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/main-content/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,WAAW,QAAuB,CAAC;AAChD,eAAO,MAAM,cAAc,MAAM,CAAC"}

package/dist/components/main-content/constants.js

@@ -0,0 +1,3 @@
+export const mainHeaderMargin = 14;
+export const pageMargins = mainHeaderMargin * 2;
+export const chatPanelWidth = 552;

package/dist/components/main-content/index.d.ts

@@ -0,0 +1,11 @@
+import type { MainContentProps } from "./types.js";
+export { chatPanelWidth, mainHeaderMargin } from "./constants.js";
+export { ChatPanel } from "./chat-panel.js";
+export { useChatPanelInteractions } from "./use-chat-panel-interactions.js";
+export type { MainContentProps } from "./types.js";
+export { useMainContentSizing } from "./use-main-content-sizing.js";
+export declare function MainContent(props: MainContentProps): import("react/jsx-runtime").JSX.Element;
+export type { ChatPanelArgs } from "./chat-panel.js";
+export type { UseChatPanelInteractionsArgs } from "./use-chat-panel-interactions.js";
+export type { MainContentSizing } from "./use-main-content-sizing.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/main-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA2ElD;AAGD,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAClF,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/main-content/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { mainHeaderMargin, pageMargins } from "./constants.js";
+import { MainContentFullPageFilters } from "./main-content-full-page-filters.js";
+import { MainContentHeader } from "./main-content-header.js";
+import { MainContentNotifications } from "./main-content-notifications.js";
+import { MainContentSplitView } from "./main-content-split-view.js";
+import { useMainContentSizing } from "./use-main-content-sizing.js";
+import { cn } from "#style";
+export { chatPanelWidth, mainHeaderMargin } from "./constants.js";
+export { ChatPanel } from "./chat-panel.js";
+export { useChatPanelInteractions } from "./use-chat-panel-interactions.js";
+export { useMainContentSizing } from "./use-main-content-sizing.js";
+export function MainContent(props) {
+    const { children, header, headerRight, filters, fullPage, className, isAdmin, notifications, chat, chatOpen, onCloseChat, skipChatEntryAnimation, } = props;
+    const { headerHeight: measuredHeaderHeight, notificationsHeight } = useMainContentSizing();
+    const shouldShowNotifications = !isAdmin && notifications != null;
+    const hasHeaderRow = header != null || headerRight != null;
+    const hasHeaderOrNotifications = hasHeaderRow || shouldShowNotifications;
+    const baseHeight = hasHeaderRow ? measuredHeaderHeight + mainHeaderMargin + pageMargins : pageMargins;
+    const height = shouldShowNotifications ? baseHeight + notificationsHeight : baseHeight;
+    const component = (_jsxs("div", { id: "main-content-component", style: chat != null
+            ? undefined
+            : hasHeaderOrNotifications
+                ? { minHeight: `calc(100svh - ${height}px)` }
+                : { height: `calc(100svh - ${height}px)` }, className: cn("flex flex-col bg-base-background overflow-y-auto sm:rounded-xl sm:border sm:border-muted-border", chat == null && hasHeaderOrNotifications && "sm:mt-3.5 min-h-0 flex-1", chat == null && !hasHeaderOrNotifications && "flex-1 sm:my-3.5 sm:mx-3.5 lg:ml-0 lg:mr-3.5 ", chat != null && "flex-1 min-h-0 min-w-0 shrink", className), children: [fullPage && filters != null && _jsx(MainContentFullPageFilters, { children: filters }), fullPage ? _jsx("div", { className: "flex min-h-0 flex-1 flex-col p-6", children: children }) : children] }));
+    const rowWrapperClassName = cn("flex gap-3.5 flex-1 min-h-0 min-w-0", hasHeaderOrNotifications && "sm:mt-3.5", !hasHeaderOrNotifications && "sm:my-3.5 sm:mx-3.5 lg:ml-0 lg:mr-3.5");
+    const splitView = (_jsx(MainContentSplitView, { contentHeight: height, rowWrapperClassName: rowWrapperClassName, component: component, chat: chat, chatOpen: chatOpen, onCloseChat: onCloseChat, skipChatEntryAnimation: skipChatEntryAnimation }));
+    if (hasHeaderOrNotifications) {
+        return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col sm:my-3.5 sm:mx-3.5 lg:ml-0 lg:mr-3.5", children: [hasHeaderRow && _jsx(MainContentHeader, { header: header, headerRight: headerRight }), shouldShowNotifications && _jsx(MainContentNotifications, { children: notifications }), _jsx("div", { className: "min-h-0 min-w-0 flex-1", children: splitView })] }));
+    }
+    return splitView;
+}

package/dist/components/main-content/main-content-full-page-filters.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type MainContentFullPageFiltersArgs = {
+    children: ReactNode;
+};
+export declare function MainContentFullPageFilters({ children }: MainContentFullPageFiltersArgs): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=main-content-full-page-filters.d.ts.map

package/dist/components/main-content/main-content-full-page-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-content-full-page-filters.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/main-content-full-page-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,8BAA8B,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,8BAA8B,2CAMtF"}

package/dist/components/main-content/main-content-full-page-filters.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MainContentFullPageFilters({ children }) {
+    return (_jsx("div", { id: "main-content-full-page-filters", className: "p-3 border-muted-border border-b bg-sidebar", children: children }));
+}

package/dist/components/main-content/main-content-header.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type MainContentHeaderArgs = {
+    header?: ReactNode;
+    headerRight?: ReactNode;
+};
+export declare function MainContentHeader({ header, headerRight }: MainContentHeaderArgs): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=main-content-header.d.ts.map

package/dist/components/main-content/main-content-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-content-header.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/main-content-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CAa/E"}

package/dist/components/main-content/main-content-header.js

@@ -0,0 +1,5 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#style";
+export function MainContentHeader({ header, headerRight }) {
+    return (_jsxs("div", { className: cn("h-10 flex shrink-0 items-center text-default-foreground pl-3.5", headerRight != null && (header != null ? "justify-between pr-3.5" : "justify-end pr-3.5")), id: "main-content-header", children: [header, headerRight != null && headerRight] }));
+}

package/dist/components/main-content/main-content-notifications.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type MainContentNotificationsArgs = {
+    children: ReactNode;
+};
+export declare function MainContentNotifications({ children }: MainContentNotificationsArgs): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=main-content-notifications.d.ts.map

package/dist/components/main-content/main-content-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-content-notifications.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/main-content-notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAMlF"}

package/dist/components/main-content/main-content-notifications.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MainContentNotifications({ children }) {
+    return (_jsx("div", { id: "main-content-notifications", className: "shrink-0", children: children }));
+}

package/dist/components/main-content/main-content-split-view.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+type MainContentSplitViewArgs = {
+    contentHeight: number;
+    rowWrapperClassName: string;
+    component: ReactNode;
+    chat?: ReactNode;
+    chatOpen?: boolean;
+    onCloseChat?: () => void;
+    skipChatEntryAnimation?: boolean;
+};
+export declare function MainContentSplitView(args: MainContentSplitViewArgs): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=main-content-split-view.d.ts.map

package/dist/components/main-content/main-content-split-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-content-split-view.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/main-content-split-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,wBAAwB,2CAoDlE"}

package/dist/components/main-content/main-content-split-view.js

@@ -0,0 +1,28 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { ChatPanel } from "./chat-panel.js";
+import { chatPanelWidth } from "./constants.js";
+import { useChatPanelInteractions } from "./use-chat-panel-interactions.js";
+import { easeOutCubic } from "#easing";
+export function MainContentSplitView(args) {
+    const { contentHeight, rowWrapperClassName, component, chat, chatOpen, onCloseChat, skipChatEntryAnimation } = args;
+    const shouldReduceMotion = useReducedMotion();
+    const skipEntry = Boolean(skipChatEntryAnimation);
+    const { chatPanelRef, panelWidth, handleResizeStart } = useChatPanelInteractions({
+        chatOpen,
+        onCloseChat,
+        initialWidth: chatPanelWidth,
+        minWidth: chatPanelWidth,
+        maxWidthRatio: 0.46,
+    });
+    if (chat == null) {
+        return _jsx(_Fragment, { children: component });
+    }
+    return (_jsxs("div", { style: { height: `calc(100svh - ${contentHeight}px)` }, className: rowWrapperClassName, children: [component, _jsx(AnimatePresence, { children: chatOpen && (_jsxs(motion.div, { ref: chatPanelRef, style: { width: panelWidth }, className: "relative flex flex-col shrink-0 min-h-0 min-w-0 max-w-[46%]", initial: shouldReduceMotion || skipEntry ? false : { opacity: 0, transform: "translateX(1rem)" }, animate: { opacity: 1, transform: "translateX(0)" }, exit: shouldReduceMotion
+                        ? undefined
+                        : {
+                            opacity: 0,
+                            transform: "translateX(1rem)",
+                            transition: { duration: 0.18, ease: easeOutCubic },
+                        }, transition: shouldReduceMotion ? { duration: 0 } : { duration: 0.22, ease: easeOutCubic }, children: [_jsx("div", { role: "separator", "aria-orientation": "vertical", tabIndex: 0, onMouseDown: handleResizeStart, className: "absolute top-0 bottom-0 left-0 z-10 w-1 cursor-col-resize transition-colors hover:bg-active-border/40 focus-visible:bg-active-border/40 focus-visible:outline-none" }), _jsx(ChatPanel, { children: chat })] }, "chat-panel")) })] }));
+}

package/dist/components/main-content/types.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+export type MainContentProps = {
+    children?: ReactNode;
+    header?: ReactNode;
+    headerRight?: ReactNode;
+    className?: string;
+    isAdmin?: boolean;
+    notifications?: ReactNode;
+    chat?: ReactNode;
+    chatOpen?: boolean;
+    onCloseChat?: () => void;
+    skipChatEntryAnimation?: boolean;
+} & ({
+    filters: ReactNode;
+    fullPage: true;
+} | {
+    filters?: never;
+    fullPage?: boolean;
+});
+//# sourceMappingURL=types.d.ts.map

package/dist/components/main-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,CACA;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAChB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACJ,CAAC"}

package/dist/components/main-content/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/main-content/use-chat-panel-interactions.d.ts

@@ -0,0 +1,13 @@
+export type UseChatPanelInteractionsArgs = {
+    chatOpen?: boolean;
+    onCloseChat?: () => void;
+    initialWidth: number;
+    minWidth: number;
+    maxWidthRatio?: number;
+};
+export declare function useChatPanelInteractions(args: UseChatPanelInteractionsArgs): {
+    chatPanelRef: import("react").RefObject<HTMLDivElement | null>;
+    panelWidth: number;
+    handleResizeStart: (event: import("react").MouseEvent<HTMLDivElement>) => void;
+};
+//# sourceMappingURL=use-chat-panel-interactions.d.ts.map

package/dist/components/main-content/use-chat-panel-interactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-panel-interactions.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/use-chat-panel-interactions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,4BAA4B;;;;EAiC1E"}

package/dist/components/main-content/use-chat-panel-interactions.js

@@ -0,0 +1,29 @@
+import { useEffect } from "react";
+import { useResizablePanel } from "#lib/use-resizable-panel";
+export function useChatPanelInteractions(args) {
+    const { chatOpen, onCloseChat, initialWidth, minWidth, maxWidthRatio = 0.6 } = args;
+    const { panelRef: chatPanelRef, panelWidth, handleResizeStart, cancelResize, } = useResizablePanel({
+        initialWidth,
+        minWidth,
+        maxWidthRatio,
+    });
+    useEffect(() => {
+        if (!chatOpen || !onCloseChat)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key !== "Escape")
+                return;
+            if (chatPanelRef.current?.contains(document.activeElement)) {
+                onCloseChat();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [chatOpen, onCloseChat]);
+    useEffect(() => {
+        if (chatOpen)
+            return;
+        cancelResize();
+    }, [cancelResize, chatOpen]);
+    return { chatPanelRef, panelWidth, handleResizeStart };
+}

package/dist/components/main-content/use-main-content-sizing.d.ts

@@ -0,0 +1,9 @@
+export type MainContentSizing = {
+    headerHeight: number;
+    notificationsHeight: number;
+    availableContentHeight: number;
+    fullPageFilterHeight: number;
+    totalHeight: number;
+};
+export declare function useMainContentSizing(): MainContentSizing;
+//# sourceMappingURL=use-main-content-sizing.d.ts.map

package/dist/components/main-content/use-main-content-sizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-main-content-sizing.d.ts","sourceRoot":"","sources":["../../../src/components/main-content/use-main-content-sizing.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,oBAAoB,IAAI,iBAAiB,CA6DxD"}

package/dist/components/main-content/use-main-content-sizing.js

@@ -0,0 +1,57 @@
+import { useEffect, useState } from "react";
+export function useMainContentSizing() {
+    const [headerHeight, setHeaderHeight] = useState(0);
+    const [notificationsHeight, setNotificationsHeight] = useState(0);
+    const [availableContentHeight, setAvailableContentHeight] = useState(0);
+    const [fullPageFilterHeight, setFullPageFilterHeight] = useState(0);
+    useEffect(() => {
+        const headerElement = document.getElementById("main-content-header");
+        const notificationsElement = document.getElementById("main-content-notifications");
+        const componentElement = document.getElementById("main-content-component");
+        const fullPageFilterElement = document.getElementById("main-content-full-page-filters");
+        if (!headerElement && !notificationsElement && !componentElement && !fullPageFilterElement)
+            return;
+        const observer = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const rawHeight = entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height;
+                const height = Math.round(rawHeight);
+                const targetId = entry.target.id;
+                if (targetId === "main-content-header") {
+                    setHeaderHeight((prev) => (prev === height ? prev : height));
+                }
+                else if (targetId === "main-content-notifications") {
+                    setNotificationsHeight((prev) => (prev === height ? prev : height));
+                }
+                else if (targetId === "main-content-component") {
+                    const next = height > 2 ? height - 2 : 0;
+                    setAvailableContentHeight((prev) => (prev === next ? prev : next));
+                }
+                else if (targetId === "main-content-full-page-filters") {
+                    setFullPageFilterHeight((prev) => (prev === height ? prev : height));
+                }
+            }
+        });
+        if (headerElement) {
+            observer.observe(headerElement);
+        }
+        if (notificationsElement) {
+            observer.observe(notificationsElement);
+        }
+        if (componentElement) {
+            observer.observe(componentElement);
+        }
+        if (fullPageFilterElement) {
+            observer.observe(fullPageFilterElement);
+        }
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+    return {
+        headerHeight,
+        notificationsHeight,
+        availableContentHeight,
+        fullPageFilterHeight,
+        totalHeight: headerHeight + notificationsHeight,
+    };
+}

package/dist/components/manta-logo/index.d.ts

@@ -0,0 +1,7 @@
+export type MantaLogoProps = {
+    className?: string;
+    size?: number;
+};
+export declare function MantaLogo(props: MantaLogoProps): import("react/jsx-runtime").JSX.Element;
+export default MantaLogo;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/manta-logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/manta-logo/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAaF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAW9C;AAED,eAAe,SAAS,CAAC"}

package/dist/components/manta-logo/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#style";
+function MantaGlyph(props) {
+    return (_jsx("svg", { viewBox: "0 0 25 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...props, children: _jsx("path", { d: "M14.2008 0C15.3838 5.42638 19.6005 9.66487 25 10.8552C24.976 10.8609 24.9532 10.8655 24.9292 10.8712C24.9285 10.8714 24.9275 10.8714 24.9268 10.8715L24.9283 10.8722C24.934 10.8722 24.9387 10.8744 24.9444 10.8756L24.9583 10.8783L24.9444 10.8811C24.5178 10.9754 24.0978 11.0853 23.6854 11.2124C23.6759 11.2155 23.6664 11.2186 23.6569 11.2217C23.6547 11.2217 23.6524 11.2216 23.6501 11.2238C19.2302 12.5853 15.6239 15.7597 13.6785 19.8981L13.6779 19.8972V19.8978C13.1578 21.002 12.7565 22.1751 12.489 23.4011L12.4856 23.4171L12.4822 23.4011C12.2182 22.1878 11.8215 21.0264 11.3094 19.9315H11.3088L11.3085 19.9312C10.3651 17.9132 9.02717 16.1234 7.39273 14.6597C7.18279 14.4717 6.96792 14.2891 6.7484 14.1121C6.63883 14.0237 6.52806 13.9368 6.41618 13.8513C6.1362 13.6372 5.8491 13.4319 5.55521 13.236C5.50528 13.2027 5.45503 13.1698 5.40471 13.1371C5.33643 13.0926 5.26788 13.0486 5.19889 13.0051C5.10181 12.944 5.00408 12.8838 4.90562 12.8246C4.60277 12.6427 4.29352 12.4703 3.97821 12.3079C3.91623 12.276 3.85399 12.2445 3.79155 12.2134C3.14481 11.8907 2.47336 11.6093 1.78066 11.3731C1.76814 11.3685 1.75444 11.3641 1.74079 11.3595C1.7378 11.3584 1.73483 11.3572 1.73183 11.3561C1.17678 11.1689 0.607955 11.0104 0.026886 10.8824L0.00988912 10.879L0.026886 10.8756C0.0358509 10.8733 0.0460003 10.8707 0.0550082 10.8684C0.0370231 10.864 0.0179437 10.8606 0 10.8561C2.69974 10.2609 5.10338 8.90409 6.98017 7.01756C8.85697 5.12988 10.208 2.7126 10.7989 0C10.9338 0.616942 11.1076 1.21897 11.319 1.8026C11.5941 2.56763 11.9322 3.30106 12.3271 3.99737L12.4998 4.29342C12.9636 3.52052 13.3567 2.69818 13.6686 1.8369L13.6689 1.83752L13.6695 1.83598C13.8856 1.24086 14.0636 0.628436 14.2008 0Z", fill: "currentColor" }) }));
+}
+export function MantaLogo(props) {
+    const { size = 28, className } = props;
+    return (_jsx(MantaGlyph, { "aria-label": "Manta", className: cn("text-accent-foreground transition-colors", className), height: size, width: size }));
+}
+export default MantaLogo;

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

@@ -0,0 +1,23 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { ReactNode, ComponentProps, HTMLProps } from "react";
+export declare function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+export declare const DialogOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+    overlayClassName?: string;
+    /** Below `sm`, fill the viewport as a sheet instead of floating as a centered card. */
+    fullScreenOnMobile?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare function DialogHeader(props: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function DialogFooter(props: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
+    text: string;
+    titleClassName?: string;
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const DialogBody: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAA0C,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1G,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAExE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAElF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAEhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,eAAO,MAAM,aAAa,4LAwBxB,CAAC;AASH,eAAO,MAAM,aAAa;sBANN,OAAO;uBACN,MAAM;IACzB,uFAAuF;yBAClE,OAAO;kDAiD7B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CASxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CASxD;AAQD,eAAO,MAAM,WAAW;UALhB,MAAM;qBACK,MAAM;eACZ,SAAS;sDAYrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,4MAY5B,CAAC;AAEH,eAAO,MAAM,UAAU,mIAErB,CAAC"}