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

package/dist/blocks.umd.cjs

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@radix-ui/react-alert-dialog"), require("react/jsx-runtime"), require("class-variance-authority"), require("react"), require("@radix-ui/react-avatar"), require("@radix-ui/react-checkbox"), require("react-responsive"), require("cmdk"), require("@radix-ui/react-dialog"), require("react-day-picker"), require("lucide-react/dynamic"), require("@radix-ui/react-hover-card"), require("react-transition-group"), require("react-dom"), require("@radix-ui/react-slot"), require("@floating-ui/react"), require("@radix-ui/react-separator"), require("@radix-ui/react-one-time-password-field"), require("react-error-boundary"), require("@radix-ui/react-popover"), require("@radix-ui/react-progress"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-tabs"), require("@radix-ui/react-slider"), require("@radix-ui/react-switch"), require("@radix-ui/react-toast"), require("@radix-ui/react-toggle"), require("@radix-ui/react-tooltip")) : typeof define === "function" && define.amd ? define(["exports", "@radix-ui/react-alert-dialog", "react/jsx-runtime", "class-variance-authority", "react", "@radix-ui/react-avatar", "@radix-ui/react-checkbox", "react-responsive", "cmdk", "@radix-ui/react-dialog", "react-day-picker", "lucide-react/dynamic", "@radix-ui/react-hover-card", "react-transition-group", "react-dom", "@radix-ui/react-slot", "@floating-ui/react", "@radix-ui/react-separator", "@radix-ui/react-one-time-password-field", "react-error-boundary", "@radix-ui/react-popover", "@radix-ui/react-progress", "@radix-ui/react-radio-group", "@radix-ui/react-toggle-group", "@radix-ui/react-tabs", "@radix-ui/react-slider", "@radix-ui/react-switch", "@radix-ui/react-toast", "@radix-ui/react-toggle", "@radix-ui/react-tooltip"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.RadixAlertDialog, global.jsxRuntime, global.classVarianceAuthority, global.react, global.RadixAvatar, global.RadixCheckbox, global.reactResponsive, global.cmdk, global.RadixDialog, global.reactDayPicker, global.dynamic, global.RadixHoverCard, global.reactTransitionGroup, global.ReactDOM, global.reactSlot, global.react$1, global.RadixSeparator, global.RadixOneTimePasswordField, global.reactErrorBoundary, global.RadixPopover, global.RadixProgress, global.RadixRadioGroup, global.RadixToggleGroup, global.RadixTabs, global.RadixSlider, global.RadixSwitch, global.RadixToast, global.Toggle, global.RadixTooltip));
-})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, react, RadixAvatar, RadixCheckbox, reactResponsive, cmdk, RadixDialog, reactDayPicker, dynamic, RadixHoverCard, reactTransitionGroup, ReactDOM, reactSlot, react$1, RadixSeparator, RadixOneTimePasswordField, reactErrorBoundary, RadixPopover, RadixProgress, RadixRadioGroup, RadixToggleGroup, RadixTabs, RadixSlider, RadixSwitch, RadixToast, Toggle, RadixTooltip) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@radix-ui/react-alert-dialog"), require("react/jsx-runtime"), require("class-variance-authority"), require("react"), require("@radix-ui/react-avatar"), require("@radix-ui/react-checkbox"), require("react-responsive"), require("cmdk"), require("@radix-ui/react-dialog"), require("react-day-picker"), require("lucide-react"), require("@radix-ui/react-hover-card"), require("react-transition-group"), require("react-dom"), require("@radix-ui/react-slot"), require("@floating-ui/react"), require("@radix-ui/react-separator"), require("@radix-ui/react-one-time-password-field"), require("react-error-boundary"), require("@radix-ui/react-popover"), require("@radix-ui/react-progress"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-tabs"), require("@radix-ui/react-slider"), require("@radix-ui/react-switch"), require("@radix-ui/react-toast"), require("@radix-ui/react-toggle"), require("@radix-ui/react-tooltip")) : typeof define === "function" && define.amd ? define(["exports", "@radix-ui/react-alert-dialog", "react/jsx-runtime", "class-variance-authority", "react", "@radix-ui/react-avatar", "@radix-ui/react-checkbox", "react-responsive", "cmdk", "@radix-ui/react-dialog", "react-day-picker", "lucide-react", "@radix-ui/react-hover-card", "react-transition-group", "react-dom", "@radix-ui/react-slot", "@floating-ui/react", "@radix-ui/react-separator", "@radix-ui/react-one-time-password-field", "react-error-boundary", "@radix-ui/react-popover", "@radix-ui/react-progress", "@radix-ui/react-radio-group", "@radix-ui/react-toggle-group", "@radix-ui/react-tabs", "@radix-ui/react-slider", "@radix-ui/react-switch", "@radix-ui/react-toast", "@radix-ui/react-toggle", "@radix-ui/react-tooltip"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.RadixAlertDialog, global.jsxRuntime, global.classVarianceAuthority, global.react, global.RadixAvatar, global.RadixCheckbox, global.reactResponsive, global.cmdk, global.RadixDialog, global.reactDayPicker, global.lucideReact, global.RadixHoverCard, global.reactTransitionGroup, global.ReactDOM, global.reactSlot, global.react$1, global.RadixSeparator, global.RadixOneTimePasswordField, global.reactErrorBoundary, global.RadixPopover, global.RadixProgress, global.RadixRadioGroup, global.RadixToggleGroup, global.RadixTabs, global.RadixSlider, global.RadixSwitch, global.RadixToast, global.Toggle, global.RadixTooltip));
+})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, react, RadixAvatar, RadixCheckbox, reactResponsive, cmdk, RadixDialog, reactDayPicker, lucideReact, RadixHoverCard, reactTransitionGroup, ReactDOM, reactSlot, react$1, RadixSeparator, RadixOneTimePasswordField, reactErrorBoundary, RadixPopover, RadixProgress, RadixRadioGroup, RadixToggleGroup, RadixTabs, RadixSlider, RadixSwitch, RadixToast, Toggle, RadixTooltip) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1655,21 +1655,21 @@
     PageTriggerItem: CommandMenuPageTriggerItem
   };
   const LuIcon = react.memo((props) => {
-    const { ref, icon, className, size = "1em", ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(dynamic.DynamicIcon, { ref, className: classVarianceAuthority.cx("shrink-0", className), size, name: icon, ...rest });
+    const { ref, icon: Icon, className, size = "1em", ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon, { ref, className: classVarianceAuthority.cx("shrink-0", className), size, ...rest });
   });
   LuIcon.displayName = "LuIcon";
   const Chevron = (props) => {
     const { orientation, ...rest } = props;
     switch (orientation) {
       case "up":
-        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "chevron-up", ...rest });
+        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronUp, ...rest });
       case "down":
-        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "chevron-down", ...rest });
+        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronDown, ...rest });
       case "left":
-        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "chevron-left", ...rest });
+        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronLeft, ...rest });
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "chevron-right", ...rest });
+        return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronRight, ...rest });
     }
   };
   const rootCva = classVarianceAuthority.cva(["relative", "size-max"], {
@@ -4091,8 +4091,10 @@
       [getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
     );
     react.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 = react.useMemo(
@@ -4287,6 +4289,62 @@
     Input: OneTimePasswordFieldInput,
     Root: OneTimePasswordFieldRoot
   };
+  const OverlayClose = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { ref, ...rest });
+  });
+  OverlayClose.displayName = "OverlayClose";
+  const overlayContentCva = classVarianceAuthority.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 = react.memo((props) => {
+    const { ref, container, className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixDialog__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(overlayContentCva(), className),
+        ref,
+        "data-floating-content": "",
+        ...rest
+      }
+    ) });
+  });
+  OverlayContent.displayName = "OverlayContent";
+  const OverlayDescription = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { ref, ...rest });
+  });
+  OverlayDescription.displayName = "OverlayDescription";
+  const OverlayRoot = react.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { ...props });
+  });
+  OverlayRoot.displayName = "OverlayRoot";
+  const OverlayTitle = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { ref, ...rest });
+  });
+  OverlayTitle.displayName = "OverlayTitle";
+  const OverlayTrigger = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.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 = react.memo((props) => {
     const { absoluteCentering, message = "Something went wrong", onRetry } = props;
@@ -4299,9 +4357,9 @@
     }, [onRetry, resetBoundary]);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full gap-2", style: outerFlexStyles, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } }),
-      /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "alert-triangle", size: height, style: centerStyles }),
+      /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.AlertTriangle, size: height, style: centerStyles }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { lineHeight: height, ...centerStyles }, children: message }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "rotate-ccw", size: height }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.RotateCcw, size: height }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } })
     ] });
   });
@@ -4650,6 +4708,65 @@
     Item: RadioGroupItem,
     Root: RadioGroupRoot
   };
+  const RatingRootContext = react.createContext({});
+  const RatingItemContext = react.createContext({});
+  const RatingItem = react.memo((props) => {
+    const { ref, children, value, ...rest } = props;
+    const { value: activeValue } = react.use(RatingRootContext);
+    const active = !!activeValue && value <= activeValue;
+    const contextValue = react.useMemo(() => ({ value }), [value]);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixRadioGroup__namespace.Item, { ref, value: value.toString(), "data-active": active, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(RatingItemContext, { value: contextValue, children }) });
+  });
+  RatingItem.displayName = "RatingItem";
+  const RatingItemIndicator = react.memo((props) => {
+    const { ref, children, forceMount, ...rest } = props;
+    const { value: activeValue } = react.use(RatingRootContext);
+    const { value } = react.use(RatingItemContext);
+    const active = !!activeValue && value <= activeValue;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixRadioGroup__namespace.Indicator,
+      {
+        ref,
+        forceMount: forceMount ?? (active || void 0),
+        "data-active": active,
+        ...rest,
+        children
+      }
+    );
+  });
+  RatingItemIndicator.displayName = "RatingItemIndicator";
+  const RatingRoot = react.memo((props) => {
+    const { ref, children, defaultValue, value: controlledValue, onValueChange, ...rest } = props;
+    const [value, setValue] = useControlledState(defaultValue ?? null, controlledValue, onValueChange);
+    const handleValueChange = react.useCallback(
+      (value2) => {
+        setValue(parseInt(value2));
+      },
+      [setValue]
+    );
+    const contextValue = react.useMemo(
+      () => ({
+        value
+      }),
+      [value]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixRadioGroup__namespace.Root,
+      {
+        ref,
+        value: value ? value.toString() : null,
+        onValueChange: handleValueChange,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(RatingRootContext, { value: contextValue, children })
+      }
+    );
+  });
+  RatingRoot.displayName = "RatingRoot";
+  const Rating = {
+    Item: RatingItem,
+    ItemIndicator: RatingItemIndicator,
+    Root: RatingRoot
+  };
   const segmentedControlRootCva = classVarianceAuthority.cva(
     ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
     {
@@ -5918,7 +6035,7 @@
               action && /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { className: "w-max", altText: action.altText, asChild: true, children: action.content })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: "x" }) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.X }) }) })
         ]
       }
     );
@@ -6522,6 +6639,13 @@
   exports2.OneTimePasswordFieldHiddenInput = OneTimePasswordFieldHiddenInput;
   exports2.OneTimePasswordFieldInput = OneTimePasswordFieldInput;
   exports2.OneTimePasswordFieldRoot = OneTimePasswordFieldRoot;
+  exports2.Overlay = Overlay;
+  exports2.OverlayClose = OverlayClose;
+  exports2.OverlayContent = OverlayContent;
+  exports2.OverlayDescription = OverlayDescription;
+  exports2.OverlayRoot = OverlayRoot;
+  exports2.OverlayTitle = OverlayTitle;
+  exports2.OverlayTrigger = OverlayTrigger;
   exports2.OvermapErrorBoundary = OvermapErrorBoundary;
   exports2.Popover = Popover;
   exports2.PopoverArrow = PopoverArrow;
@@ -6535,6 +6659,10 @@
   exports2.RadioGroupIndicator = RadioGroupIndicator;
   exports2.RadioGroupItem = RadioGroupItem;
   exports2.RadioGroupRoot = RadioGroupRoot;
+  exports2.Rating = Rating;
+  exports2.RatingItem = RatingItem;
+  exports2.RatingItemIndicator = RatingItemIndicator;
+  exports2.RatingRoot = RatingRoot;
   exports2.SegmentedControl = SegmentedControl;
   exports2.SegmentedControlItem = SegmentedControlItem;
   exports2.SegmentedControlRoot = SegmentedControlRoot;