@overmap-ai/blocks 1.0.31-tailwind-components.7 → 1.0.31-tailwind-components.9

package/dist/{OvermapMenu → Menu}/Content/context.d.ts

@@ -1,6 +1,6 @@
 import { UseFloatingData, UseInteractionsReturn } from "@floating-ui/react";
 import { MutableRefObject } from "react";
-import { ComponentRadius } from "../../Provider/typings";
+import { ComponentRadius } from "../../Provider";
 import { MenuSize, MenuVariant } from "../typings";
 interface IMenuContentContext {
     activeIndex: number | null;

package/dist/{OvermapMenu → Menu}/Input/Root.d.ts

@@ -1,4 +1,3 @@
-import { ComponentProps, PropsWithoutRef } from "react";
-export interface MenuInputRootProps extends PropsWithoutRef<ComponentProps<"div">> {
-}
+/// <reference types="react" />
+import { MenuInputRootProps } from "../typings";
 export declare const MenuInputRoot: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<MenuInputRootProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/Menu/Input/Slot.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MenuInputSlotProps } from "../typings";
+export declare const MenuInputSlot: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<MenuInputSlotProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/Menu/SelectAll/SelectAllIndicator.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SelectAllIndicatorProps } from "../typings";
+export declare const MenuSelectAllIndicator: import("react").ForwardRefExoticComponent<SelectAllIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/Menu/index.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+export * from "./ClickTrigger";
+export * from "./Content";
+export * from "./ContextTrigger";
+export * from "./Group";
+export * from "./Input";
+export * from "./Item";
+export * from "./MultiSelectGroup";
+export * from "./MultiSelectItem";
+export * from "./PageContent";
+export * from "./Pages";
+export * from "./PageTrigger";
+export * from "./root";
+export * from "./SelectAll";
+export * from "./SelectedIndicator";
+export * from "./SelectGroup";
+export * from "./SelectItem";
+export * from "./Separator";
+export * from "./Sub";
+export * from "./SubContent";
+export * from "./SubTrigger";
+export * from "./typings";
+export * from "./VirtualTrigger";
+export declare const Menu: {
+    Root: import("react").MemoExoticComponent<(props: import("./typings").MenuRootProps) => import("react/jsx-runtime").JSX.Element>;
+    ClickTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuClickTriggerProps & import("react").RefAttributes<HTMLElement>>>;
+    ContextTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuContextTriggerProps & import("react").RefAttributes<HTMLElement>>>;
+    VirtualTrigger: import("react").MemoExoticComponent<(props: import("./typings").MenuVirtualTriggerProps) => null>;
+    Content: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./typings").MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+    Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuItemProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Sub: import("react").MemoExoticComponent<(props: import("./typings").MenuSubProps) => import("react/jsx-runtime").JSX.Element>;
+    SubContent: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").SubMenuContentProps & import("react").RefAttributes<HTMLDivElement>>>;
+    SubTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    SelectGroup: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuSelectGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    MultiSelectGroup: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuMultiSelectGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    MultiSelectItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuSelectItemProps & import("react").RefAttributes<HTMLDivElement>>>;
+    SelectAllItem: import("react").ForwardRefExoticComponent<import("./typings").SelectAllItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    SelectAllIndicator: import("react").ForwardRefExoticComponent<import("./typings").SelectAllIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+    SelectItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuSelectItemProps & import("react").RefAttributes<HTMLDivElement>>>;
+    SelectedIndicator: import("react").MemoExoticComponent<(props: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element>;
+    PageContent: import("react").MemoExoticComponent<(props: import("./typings").PageContentProps) => import("react/jsx-runtime").JSX.Element>;
+    Pages: import("react").MemoExoticComponent<(props: import("./typings").PageProps) => import("react/jsx-runtime").JSX.Element>;
+    PageTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").PageTriggerProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Separator: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>>;
+    InputField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./typings").MenuInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+    InputRoot: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuInputRootProps & import("react").RefAttributes<HTMLDivElement>>>;
+    InputSlot: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./typings").MenuInputSlotProps & import("react").RefAttributes<HTMLDivElement>>>;
+};

package/dist/{OvermapMenu → Menu}/typings.d.ts

@@ -103,4 +103,11 @@ export interface MenuSeparatorProps extends RadixSeparator.SeparatorProps {
 export interface MenuInputProps extends ComponentProps<PropsWithoutRef<"input">> {
     onValueChange?: (value: string) => void;
 }
+export interface MenuInputRootProps extends PropsWithoutRef<ComponentProps<"div">> {
+}
+export interface MenuInputSlotProps extends PropsWithoutRef<ComponentProps<"div">> {
+}
+export interface SelectAllIndicatorProps extends Omit<PropsWithoutRef<ComponentProps<"span">>, "children"> {
+    children: ReactNode | ((indeterminate: boolean) => ReactNode);
+}
 export {};

package/dist/blocks.js

@@ -15,10 +15,10 @@ import { Resizable } from "re-resizable";
 import { CSSTransition } from "react-transition-group";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
+import * as RadixSeparator from "@radix-ui/react-separator";
 import { useErrorBoundary, ErrorBoundary } from "react-error-boundary";
 import * as RiIcons from "react-icons/ri";
 import { RiQuestionMark } from "react-icons/ri";
-import * as RadixSeparator from "@radix-ui/react-separator";
 import * as RadixPopover from "@radix-ui/react-popover";
 import * as RadixRadioGroup from "@radix-ui/react-radio-group";
 import * as Toggle from "@radix-ui/react-toggle";
@@ -1615,54 +1615,6 @@ const Layout = {
   RightSlideOut,
   SlideOutTrigger
 };
-const DEFAULT_ICON_SIZE = "15px";
-const RiIcon = memo((props) => {
-  const { icon, size: size2 = DEFAULT_ICON_SIZE, color, ...rest } = props;
-  const Icon = RiIcons[icon];
-  if (!Icon) console.error(`Icon ${icon} not found`);
-  return Icon ? /* @__PURE__ */ jsx(Icon, { size: size2, color, ...rest }) : /* @__PURE__ */ jsx(RiQuestionMark, {});
-});
-RiIcon.displayName = "IconComponent";
-const centerStyles = { placeSelf: "center" };
-const ErrorFallback = memo((props) => {
-  const { absoluteCentering, message = "Something went wrong", onRetry } = props;
-  const { resetBoundary } = useErrorBoundary();
-  const height = "20px";
-  const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
-  const handleRetry = useCallback(() => {
-    resetBoundary();
-    onRetry();
-  }, [onRetry, resetBoundary]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full", style: outerFlexStyles, children: [
-    /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
-    /* @__PURE__ */ jsx(RiIcon, { icon: "RiAlertLine", size: height, style: centerStyles }),
-    /* @__PURE__ */ jsx("span", { style: { lineHeight: height, ...centerStyles }, children: message }),
-    /* @__PURE__ */ jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiLoopLeftLine", size: height }) }),
-    /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } })
-  ] });
-});
-ErrorFallback.displayName = "ErrorFallback";
-const OvermapErrorBoundary = memo((props) => {
-  const { absoluteCentering, message } = props;
-  const [attempt, setAttempt] = React__default.useState(0);
-  const logError = useCallback((error2, info) => {
-    console.error(error2, info);
-    setAttempt((prev) => prev + 1);
-  }, []);
-  const handleRetry = useCallback(() => {
-    setAttempt((prev) => prev + 1);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    ErrorBoundary,
-    {
-      fallback: /* @__PURE__ */ jsx(ErrorFallback, { absoluteCentering, message, onRetry: handleRetry }),
-      onError: logError,
-      children: props.children
-    },
-    attempt
-  );
-});
-OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -7592,6 +7544,54 @@ const Menu = {
   InputRoot: MenuInputRoot,
   InputSlot: MenuInputSlot
 };
+const DEFAULT_ICON_SIZE = "15px";
+const RiIcon = memo((props) => {
+  const { icon, size: size2 = DEFAULT_ICON_SIZE, color, ...rest } = props;
+  const Icon = RiIcons[icon];
+  if (!Icon) console.error(`Icon ${icon} not found`);
+  return Icon ? /* @__PURE__ */ jsx(Icon, { size: size2, color, ...rest }) : /* @__PURE__ */ jsx(RiQuestionMark, {});
+});
+RiIcon.displayName = "IconComponent";
+const centerStyles = { placeSelf: "center" };
+const ErrorFallback = memo((props) => {
+  const { absoluteCentering, message = "Something went wrong", onRetry } = props;
+  const { resetBoundary } = useErrorBoundary();
+  const height = "20px";
+  const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
+  const handleRetry = useCallback(() => {
+    resetBoundary();
+    onRetry();
+  }, [onRetry, resetBoundary]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full", style: outerFlexStyles, children: [
+    /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
+    /* @__PURE__ */ jsx(RiIcon, { icon: "RiAlertLine", size: height, style: centerStyles }),
+    /* @__PURE__ */ jsx("span", { style: { lineHeight: height, ...centerStyles }, children: message }),
+    /* @__PURE__ */ jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiLoopLeftLine", size: height }) }),
+    /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } })
+  ] });
+});
+ErrorFallback.displayName = "ErrorFallback";
+const OvermapErrorBoundary = memo((props) => {
+  const { absoluteCentering, message } = props;
+  const [attempt, setAttempt] = React__default.useState(0);
+  const logError = useCallback((error2, info) => {
+    console.error(error2, info);
+    setAttempt((prev) => prev + 1);
+  }, []);
+  const handleRetry = useCallback(() => {
+    setAttempt((prev) => prev + 1);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ jsx(ErrorFallback, { absoluteCentering, message, onRetry: handleRetry }),
+      onError: logError,
+      children: props.children
+    },
+    attempt
+  );
+});
+OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
 const PopoverArrow = forwardRef((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(RadixPopover.Arrow, { className: cx(className, "fill-(--base-6)"), ref, ...rest });