@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.
- package/dist/Overlay/Close.d.ts +5 -0
- package/dist/Overlay/Content.d.ts +6 -0
- package/dist/Overlay/Description.d.ts +5 -0
- package/dist/Overlay/Root.d.ts +5 -0
- package/dist/Overlay/Title.d.ts +5 -0
- package/dist/Overlay/Trigger.d.ts +5 -0
- package/dist/Overlay/cva.d.ts +1 -0
- package/dist/Overlay/index.d.ts +15 -0
- package/dist/blocks.js +65 -0
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +65 -0
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -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,
|