@overmap-ai/blocks 1.0.40-alpha.4 → 1.0.40-improvements.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,5 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ import * as RadixDialog from "@radix-ui/react-dialog";
3
+ export interface OverlayCloseProps extends ComponentPropsWithRef<typeof RadixDialog.Close> {
4
+ }
5
+ export declare const OverlayClose: import('react').NamedExoticComponent<OverlayCloseProps>;
@@ -0,0 +1,6 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ import * as RadixDialog from "@radix-ui/react-dialog";
3
+ export interface OverlayContentProps extends ComponentPropsWithRef<typeof RadixDialog.Content> {
4
+ container?: RadixDialog.DialogPortalProps["container"];
5
+ }
6
+ export declare const OverlayContent: import('react').NamedExoticComponent<OverlayContentProps>;
@@ -0,0 +1,5 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ import * as RadixDialog from "@radix-ui/react-dialog";
3
+ export interface OverlayDescriptionProps extends ComponentPropsWithRef<typeof RadixDialog.Description> {
4
+ }
5
+ export declare const OverlayDescription: import('react').NamedExoticComponent<OverlayDescriptionProps>;
@@ -0,0 +1,5 @@
1
+ import { ComponentProps } from 'react';
2
+ import * as RadixDialog from "@radix-ui/react-dialog";
3
+ export interface OverlayRootProps extends ComponentProps<typeof RadixDialog.Root> {
4
+ }
5
+ export declare const OverlayRoot: import('react').NamedExoticComponent<OverlayRootProps>;
@@ -0,0 +1,5 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ import * as RadixDialog from "@radix-ui/react-dialog";
3
+ export interface OverlayTitleProps extends ComponentPropsWithRef<typeof RadixDialog.Title> {
4
+ }
5
+ export declare const OverlayTitle: import('react').NamedExoticComponent<OverlayTitleProps>;
@@ -0,0 +1,5 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ import * as RadixDialog from "@radix-ui/react-dialog";
3
+ export interface OverlayTriggerProps extends ComponentPropsWithRef<typeof RadixDialog.Trigger> {
4
+ }
5
+ export declare const OverlayTrigger: import('react').NamedExoticComponent<OverlayTriggerProps>;
@@ -0,0 +1 @@
1
+ export declare const overlayContentCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ export * from './Close';
3
+ export * from './Content';
4
+ export * from './Description';
5
+ export * from './Root';
6
+ export * from './Title';
7
+ export * from './Trigger';
8
+ export declare const Overlay: {
9
+ Root: import('react').NamedExoticComponent<import('./Root').OverlayRootProps>;
10
+ Content: import('react').NamedExoticComponent<import('./Content').OverlayContentProps>;
11
+ Title: import('react').NamedExoticComponent<import('./Title').OverlayTitleProps>;
12
+ Description: import('react').NamedExoticComponent<import('./Description').OverlayDescriptionProps>;
13
+ Trigger: import('react').NamedExoticComponent<import('./Trigger').OverlayTriggerProps>;
14
+ Close: import('react').NamedExoticComponent<import('./Close').OverlayCloseProps>;
15
+ };
package/dist/blocks.js CHANGED
@@ -4085,8 +4085,10 @@ const MenuV2Root = memo((props) => {
4085
4085
  [getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
4086
4086
  );
4087
4087
  useEffect(() => {
4088
+ var _a;
4088
4089
  const firstItem = getFirstItem(internalRef.current);
4089
4090
  if (!firstItem) return;
4091
+ (_a = internalRef.current) == null ? void 0 : _a.focus();
4090
4092
  setActiveItemId(firstItem.getAttribute(ITEM_SELECTOR));
4091
4093
  }, [getFirstItem]);
4092
4094
  const contextValue = useMemo(
@@ -4281,6 +4283,62 @@ const OneTimePasswordField = {
4281
4283
  Input: OneTimePasswordFieldInput,
4282
4284
  Root: OneTimePasswordFieldRoot
4283
4285
  };
4286
+ const OverlayClose = memo((props) => {
4287
+ const { ref, ...rest } = props;
4288
+ return /* @__PURE__ */ jsx(RadixDialog.Close, { ref, ...rest });
4289
+ });
4290
+ OverlayClose.displayName = "OverlayClose";
4291
+ const overlayContentCva = cva([
4292
+ "fixed",
4293
+ "inset-0",
4294
+ "bg-(--color-background)",
4295
+ "data-[state='closed']:animate-out",
4296
+ "data-[state='closed']:fade-out-0",
4297
+ "data-[state='closed']:zoom-out-95",
4298
+ "data-[state='open']:animate-in",
4299
+ "data-[state='open']:fade-in-0",
4300
+ "data-[state='open']:zoom-in-95"
4301
+ ]);
4302
+ const OverlayContent = memo((props) => {
4303
+ const { ref, container, className, ...rest } = props;
4304
+ return /* @__PURE__ */ jsx(RadixDialog.Portal, { container, children: /* @__PURE__ */ jsx(
4305
+ RadixDialog.Content,
4306
+ {
4307
+ className: cx(overlayContentCva(), className),
4308
+ ref,
4309
+ "data-floating-content": "",
4310
+ ...rest
4311
+ }
4312
+ ) });
4313
+ });
4314
+ OverlayContent.displayName = "OverlayContent";
4315
+ const OverlayDescription = memo((props) => {
4316
+ const { ref, ...rest } = props;
4317
+ return /* @__PURE__ */ jsx(RadixDialog.Description, { ref, ...rest });
4318
+ });
4319
+ OverlayDescription.displayName = "OverlayDescription";
4320
+ const OverlayRoot = memo((props) => {
4321
+ return /* @__PURE__ */ jsx(RadixDialog.Root, { ...props });
4322
+ });
4323
+ OverlayRoot.displayName = "OverlayRoot";
4324
+ const OverlayTitle = memo((props) => {
4325
+ const { ref, ...rest } = props;
4326
+ return /* @__PURE__ */ jsx(RadixDialog.Title, { ref, ...rest });
4327
+ });
4328
+ OverlayTitle.displayName = "OverlayTitle";
4329
+ const OverlayTrigger = memo((props) => {
4330
+ const { ref, ...rest } = props;
4331
+ return /* @__PURE__ */ jsx(RadixDialog.Trigger, { ref, ...rest });
4332
+ });
4333
+ OverlayTrigger.displayName = "OverlayTrigger";
4334
+ const Overlay = {
4335
+ Root: OverlayRoot,
4336
+ Content: OverlayContent,
4337
+ Title: OverlayTitle,
4338
+ Description: OverlayDescription,
4339
+ Trigger: OverlayTrigger,
4340
+ Close: OverlayClose
4341
+ };
4284
4342
  const centerStyles = { placeSelf: "center" };
4285
4343
  const ErrorFallback = memo((props) => {
4286
4344
  const { absoluteCentering, message = "Something went wrong", onRetry } = props;
@@ -6517,6 +6575,13 @@ export {
6517
6575
  OneTimePasswordFieldHiddenInput,
6518
6576
  OneTimePasswordFieldInput,
6519
6577
  OneTimePasswordFieldRoot,
6578
+ Overlay,
6579
+ OverlayClose,
6580
+ OverlayContent,
6581
+ OverlayDescription,
6582
+ OverlayRoot,
6583
+ OverlayTitle,
6584
+ OverlayTrigger,
6520
6585
  OvermapErrorBoundary,
6521
6586
  Popover,
6522
6587
  PopoverArrow,