@overmap-ai/blocks 1.0.40-alpha.4 → 1.0.40-icon-fix.0

package/dist/LuIcon/LuIcon.d.ts

@@ -1,8 +1,6 @@
-import { DynamicIcon } from 'lucide-react/dynamic';
-import { ComponentPropsWithRef } from 'react';
-import { IconType } from './typings';
-interface LuIconProps extends Omit<ComponentPropsWithRef<typeof DynamicIcon>, "name"> {
-    icon: IconType;
+import { LucideProps } from 'lucide-react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface LuIconProps extends Omit<LucideProps, "ref">, RefAttributes<SVGSVGElement> {
+    icon: ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
 }
 export declare const LuIcon: import('react').NamedExoticComponent<LuIconProps>;
-export {};

package/dist/LuIcon/index.d.ts

@@ -1,2 +1,2 @@
 export * from './LuIcon';
-export * from './typings';
+export type * from './typings';

package/dist/LuIcon/typings.d.ts

@@ -1,3 +1,3 @@
-import { DynamicIcon } from 'lucide-react/dynamic';
 import { ComponentProps } from 'react';
-export type IconType = ComponentProps<typeof DynamicIcon>["name"];
+import { LuIcon } from './LuIcon';
+export type IconComponent = ComponentProps<typeof LuIcon>["icon"];

package/dist/Overlay/Close.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export interface OverlayCloseProps extends ComponentPropsWithRef<typeof RadixDialog.Close> {
+}
+export declare const OverlayClose: import('react').NamedExoticComponent<OverlayCloseProps>;

package/dist/Overlay/Content.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export interface OverlayContentProps extends ComponentPropsWithRef<typeof RadixDialog.Content> {
+    container?: RadixDialog.DialogPortalProps["container"];
+}
+export declare const OverlayContent: import('react').NamedExoticComponent<OverlayContentProps>;

package/dist/Overlay/Description.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export interface OverlayDescriptionProps extends ComponentPropsWithRef<typeof RadixDialog.Description> {
+}
+export declare const OverlayDescription: import('react').NamedExoticComponent<OverlayDescriptionProps>;

package/dist/Overlay/Root.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export interface OverlayRootProps extends ComponentProps<typeof RadixDialog.Root> {
+}
+export declare const OverlayRoot: import('react').NamedExoticComponent<OverlayRootProps>;

package/dist/Overlay/Title.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export interface OverlayTitleProps extends ComponentPropsWithRef<typeof RadixDialog.Title> {
+}
+export declare const OverlayTitle: import('react').NamedExoticComponent<OverlayTitleProps>;

package/dist/Overlay/Trigger.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export interface OverlayTriggerProps extends ComponentPropsWithRef<typeof RadixDialog.Trigger> {
+}
+export declare const OverlayTrigger: import('react').NamedExoticComponent<OverlayTriggerProps>;

package/dist/Overlay/cva.d.ts

@@ -0,0 +1 @@
+export declare const overlayContentCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/Overlay/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export * from './Close';
+export * from './Content';
+export * from './Description';
+export * from './Root';
+export * from './Title';
+export * from './Trigger';
+export declare const Overlay: {
+    Root: import('react').NamedExoticComponent<import('./Root').OverlayRootProps>;
+    Content: import('react').NamedExoticComponent<import('./Content').OverlayContentProps>;
+    Title: import('react').NamedExoticComponent<import('./Title').OverlayTitleProps>;
+    Description: import('react').NamedExoticComponent<import('./Description').OverlayDescriptionProps>;
+    Trigger: import('react').NamedExoticComponent<import('./Trigger').OverlayTriggerProps>;
+    Close: import('react').NamedExoticComponent<import('./Close').OverlayCloseProps>;
+};

package/dist/Rating/Item.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+export interface RatingItemProps extends Omit<ComponentPropsWithRef<typeof RadixRadioGroup.Item>, "value"> {
+    value: number;
+}
+export declare const RatingItem: import('react').NamedExoticComponent<RatingItemProps>;

package/dist/Rating/ItemIndicator.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+export interface RatingItemIndicatorProps extends ComponentPropsWithRef<typeof RadixRadioGroup.Indicator> {
+}
+export declare const RatingItemIndicator: import('react').NamedExoticComponent<RatingItemIndicatorProps>;

package/dist/Rating/Root.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+export interface RatingRootProps extends Omit<ComponentPropsWithRef<typeof RadixRadioGroup.Root>, "defaultValue" | "value" | "onValueChange"> {
+    defaultValue?: number;
+    value?: number | null;
+    onValueChange?: (value: number) => void;
+}
+export declare const RatingRoot: import('react').NamedExoticComponent<RatingRootProps>;

package/dist/Rating/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface IRatingRootContext {
+    value: number | null;
+}
+export declare const RatingRootContext: import('react').Context<IRatingRootContext>;
+export interface IRatingItemContext {
+    value: number;
+}
+export declare const RatingItemContext: import('react').Context<IRatingItemContext>;

package/dist/Rating/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export * from './Item';
+export * from './ItemIndicator';
+export * from './Root';
+export declare const Rating: {
+    Item: import('react').NamedExoticComponent<import('./Item').RatingItemProps>;
+    ItemIndicator: import('react').NamedExoticComponent<import('./ItemIndicator').RatingItemIndicatorProps>;
+    Root: import('react').NamedExoticComponent<import('./Root').RatingRootProps>;
+};

package/dist/blocks.js

@@ -9,7 +9,7 @@ import { CommandItem, CommandRoot, CommandEmpty, CommandGroup, CommandInput, use
 import * as RadixDialog from "@radix-ui/react-dialog";
 import { DialogPortal, DialogContent as DialogContent$1, DialogTitle, DialogDescription, DialogOverlay as DialogOverlay$1, DialogTrigger } from "@radix-ui/react-dialog";
 import { DayPicker as DayPicker$1 } from "react-day-picker";
-import { DynamicIcon } from "lucide-react/dynamic";
+import { ChevronRight, ChevronLeft, ChevronDown, ChevronUp, AlertTriangle, RotateCcw, X } from "lucide-react";
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
 import { CSSTransition } from "react-transition-group";
 import ReactDOM from "react-dom";
@@ -1649,21 +1649,21 @@ const CommandMenu = {
   PageTriggerItem: CommandMenuPageTriggerItem
 };
 const LuIcon = memo((props) => {
-  const { ref, icon, className, size: size2 = "1em", ...rest } = props;
-  return /* @__PURE__ */ jsx(DynamicIcon, { ref, className: cx("shrink-0", className), size: size2, name: icon, ...rest });
+  const { ref, icon: Icon, className, size: size2 = "1em", ...rest } = props;
+  return /* @__PURE__ */ jsx(Icon, { ref, className: cx("shrink-0", className), size: size2, ...rest });
 });
 LuIcon.displayName = "LuIcon";
 const Chevron = (props) => {
   const { orientation, ...rest } = props;
   switch (orientation) {
     case "up":
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-up", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronUp, ...rest });
     case "down":
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-down", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronDown, ...rest });
     case "left":
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-left", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronLeft, ...rest });
     default:
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-right", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronRight, ...rest });
   }
 };
 const rootCva = cva(["relative", "size-max"], {
@@ -4085,8 +4085,10 @@ const MenuV2Root = memo((props) => {
     [getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
   );
   useEffect(() => {
+    var _a;
     const firstItem = getFirstItem(internalRef.current);
     if (!firstItem) return;
+    (_a = internalRef.current) == null ? void 0 : _a.focus();
     setActiveItemId(firstItem.getAttribute(ITEM_SELECTOR));
   }, [getFirstItem]);
   const contextValue = useMemo(
@@ -4281,6 +4283,62 @@ const OneTimePasswordField = {
   Input: OneTimePasswordFieldInput,
   Root: OneTimePasswordFieldRoot
 };
+const OverlayClose = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Close, { ref, ...rest });
+});
+OverlayClose.displayName = "OverlayClose";
+const overlayContentCva = cva([
+  "fixed",
+  "inset-0",
+  "bg-(--color-background)",
+  "data-[state='closed']:animate-out",
+  "data-[state='closed']:fade-out-0",
+  "data-[state='closed']:zoom-out-95",
+  "data-[state='open']:animate-in",
+  "data-[state='open']:fade-in-0",
+  "data-[state='open']:zoom-in-95"
+]);
+const OverlayContent = memo((props) => {
+  const { ref, container, className, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container, children: /* @__PURE__ */ jsx(
+    RadixDialog.Content,
+    {
+      className: cx(overlayContentCva(), className),
+      ref,
+      "data-floating-content": "",
+      ...rest
+    }
+  ) });
+});
+OverlayContent.displayName = "OverlayContent";
+const OverlayDescription = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Description, { ref, ...rest });
+});
+OverlayDescription.displayName = "OverlayDescription";
+const OverlayRoot = memo((props) => {
+  return /* @__PURE__ */ jsx(RadixDialog.Root, { ...props });
+});
+OverlayRoot.displayName = "OverlayRoot";
+const OverlayTitle = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Title, { ref, ...rest });
+});
+OverlayTitle.displayName = "OverlayTitle";
+const OverlayTrigger = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Trigger, { ref, ...rest });
+});
+OverlayTrigger.displayName = "OverlayTrigger";
+const Overlay = {
+  Root: OverlayRoot,
+  Content: OverlayContent,
+  Title: OverlayTitle,
+  Description: OverlayDescription,
+  Trigger: OverlayTrigger,
+  Close: OverlayClose
+};
 const centerStyles = { placeSelf: "center" };
 const ErrorFallback = memo((props) => {
   const { absoluteCentering, message = "Something went wrong", onRetry } = props;
@@ -4293,9 +4351,9 @@ const ErrorFallback = memo((props) => {
   }, [onRetry, resetBoundary]);
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full gap-2", style: outerFlexStyles, children: [
     /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
-    /* @__PURE__ */ jsx(LuIcon, { icon: "alert-triangle", size: height, style: centerStyles }),
+    /* @__PURE__ */ jsx(LuIcon, { icon: AlertTriangle, 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(LuIcon, { icon: "rotate-ccw", size: height }) }),
+    /* @__PURE__ */ jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsx(LuIcon, { icon: RotateCcw, size: height }) }),
     /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } })
   ] });
 });
@@ -4644,6 +4702,65 @@ const RadioGroup = {
   Item: RadioGroupItem,
   Root: RadioGroupRoot
 };
+const RatingRootContext = createContext({});
+const RatingItemContext = createContext({});
+const RatingItem = memo((props) => {
+  const { ref, children, value, ...rest } = props;
+  const { value: activeValue } = use(RatingRootContext);
+  const active = !!activeValue && value <= activeValue;
+  const contextValue = useMemo(() => ({ value }), [value]);
+  return /* @__PURE__ */ jsx(RadixRadioGroup.Item, { ref, value: value.toString(), "data-active": active, ...rest, children: /* @__PURE__ */ jsx(RatingItemContext, { value: contextValue, children }) });
+});
+RatingItem.displayName = "RatingItem";
+const RatingItemIndicator = memo((props) => {
+  const { ref, children, forceMount, ...rest } = props;
+  const { value: activeValue } = use(RatingRootContext);
+  const { value } = use(RatingItemContext);
+  const active = !!activeValue && value <= activeValue;
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Indicator,
+    {
+      ref,
+      forceMount: forceMount ?? (active || void 0),
+      "data-active": active,
+      ...rest,
+      children
+    }
+  );
+});
+RatingItemIndicator.displayName = "RatingItemIndicator";
+const RatingRoot = memo((props) => {
+  const { ref, children, defaultValue, value: controlledValue, onValueChange, ...rest } = props;
+  const [value, setValue] = useControlledState(defaultValue ?? null, controlledValue, onValueChange);
+  const handleValueChange = useCallback(
+    (value2) => {
+      setValue(parseInt(value2));
+    },
+    [setValue]
+  );
+  const contextValue = useMemo(
+    () => ({
+      value
+    }),
+    [value]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Root,
+    {
+      ref,
+      value: value ? value.toString() : null,
+      onValueChange: handleValueChange,
+      ...rest,
+      children: /* @__PURE__ */ jsx(RatingRootContext, { value: contextValue, children })
+    }
+  );
+});
+RatingRoot.displayName = "RatingRoot";
+const Rating = {
+  Item: RatingItem,
+  ItemIndicator: RatingItemIndicator,
+  Root: RatingRoot
+};
 const segmentedControlRootCva = cva(
   ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
   {
@@ -5912,7 +6029,7 @@ const _Toast = function Toast2(props) {
             action && /* @__PURE__ */ jsx(RadixToast.Action, { className: "w-max", altText: action.altText, asChild: true, children: action.content })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: size2, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" }) }) })
+        /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: size2, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsx(LuIcon, { icon: X }) }) })
       ]
     }
   );
@@ -6517,6 +6634,13 @@ export {
   OneTimePasswordFieldHiddenInput,
   OneTimePasswordFieldInput,
   OneTimePasswordFieldRoot,
+  Overlay,
+  OverlayClose,
+  OverlayContent,
+  OverlayDescription,
+  OverlayRoot,
+  OverlayTitle,
+  OverlayTrigger,
   OvermapErrorBoundary,
   Popover,
   PopoverArrow,
@@ -6530,6 +6654,10 @@ export {
   RadioGroupIndicator,
   RadioGroupItem,
   RadioGroupRoot,
+  Rating,
+  RatingItem,
+  RatingItemIndicator,
+  RatingRoot,
   SegmentedControl,
   SegmentedControlItem,
   SegmentedControlRoot,